奇怪的document.all，浏览器对document.all的支持差异

2012-03-02

【分享】奇怪的document.all，浏览器对document.all的支持差异在这个和谐的社会，不知道还有多少人在使用 docu

【分享】奇怪的document.all，浏览器对document.all的支持差异
在这个和谐的社会，不知道还有多少人在使用 document.all，不用猜，也不用想，比较早接触网络的前辈们应该都使用过这个东西。

从何而来
从IE4开始IE的object model才增加了document.all对象，MSDN中也对 Object.all 有详细的说明，Object.all是个HTMLCollection，不是数组，它包含document.all：
http://msdn.microsoft.com/en-us/library/ms537434%28VS.85%29.aspx
自他出现后，IE后续版本也对其做了很好的支持，并没有打算放弃这个很有意义的属性。曾有一段时间，这个属性连同document.Layers 还被用作Netscape浏览器和IE浏览器的类型判断杀手锏，可惜的是 document.Layers 已经作古，document.all 大有从嫔妃转为正宫之势。

HTML code

if(document.all){//do something in IE}else if(document.layers){//do something in Netscape}

经典的浏览器类型判断…… 已经作古，切莫使用，后果自负……

发展壮大
开始的时候，确实其他浏览器都不支持document.all，但是渐渐的，都开始偷偷摸摸的开始支持了。
因为它不是W3C的标准属性，在其他浏览器中也没有找到此集合属性的说明。
说它偷偷摸摸的被支持是有原因的。

document.all的布尔值

HTML code

<script type="text/javascript">   window.onload = function() {       document.getElementById("info").innerHTML = "!!document.all : " + !!document.all;   }</script><span id="SPAN1"></span><div id="info"></div>

这个页面，在IE中的输出是：!!document.all : true
其他浏览器中：!!document.all : false
一般我们都会用一个对象的布尔值来判断它是否存在，那么通过上面的测试，是不是说明，在其他浏览器中 document.all 不存在呢？？

使用documen.all获取元素的DOM对象

HTML code

<html id="HTML1"><script type="text/javascript">   window.onload = function() {       var html = "<table border='1' style='font-size:12px;'>";       function getElement(sec) {           html += "<tr><td>" + sec + "</td>" + "<td>" + eval(sec).id + "</td>";       }       getElement("document.all(0)");       getElement("document.all[0]");       getElement("document.all.item(0)");       getElement("document.all('SPAN1')");       getElement("document.all.SPAN1");       getElement("document.all['SPAN1']");       getElement("document.all.namedItem('SPAN1')");       html += "</table>";       document.getElementById("info").innerHTML = html;   }</script><span id="SPAN1"></span><div id="info"></div></html>

在浏览器的兼容性模式下，这个测试会输出一个表，各位童鞋可以自行查看。

可见，这个对象还是可以被用来取对象的，很搞笑吧。偷偷默默的把值就取到了。不过还是少用这个属性为妙，各浏览器在没有统一之前，都可能更新对它的支持，你要是用这个属性，那么相当于给自己的程序里埋了一颗很雷的地雷。小心哪天爆了。还是用document.getElementById()比较安全。

至于为什么在非IE中它的布尔值是假还能使用，还请内力高深的大侠指点一二，咱们在这里感激不尽了！！

更多兼容性问题：【分享】浏览器兼容性问题目录

[解决办法]
呵呵 ……是哦。
为是什么是这样呢？
[解决办法]
因为不是w3c标准，所以我尽量避免使用document.all，谢谢分享
[解决办法]
DOCUMENT。ALL我曾经的最爱！

哈哈，继续，期待更多更实用的技术出现！
[解决办法]
<html id="HTML1">
<script type="text/javascript">
window.onload = function() {
var html = "<table border='1' style='font-size:12px;'>";
function getElement(sec) {
html += "<tr><td>" + sec + "</td>" + "<td>" + eval(sec).id + "</td>";
}
getElement("document.all(0)");

getElement("document.all[0]");
getElement("document.all.item(0)");
getElement("document.all('SPAN1')");
getElement("document.all.SPAN1");
getElement("document.all['SPAN1']");
getElement("document.all.namedItem('SPAN1')");
html += "</table>";
document.getElementById("info").innerHTML = html;
}
</script>
<span id="SPAN1"></span>
<div id="info"></div>
</html>

[解决办法]
纯属路过，顺便接分
[解决办法]
很好啊呵呵
[解决办法]
很好很强大！
[解决办法]
很好 DOCUMENT。ALL我曾经的最爱！

哈哈，继续，期待更多更实用的技术出现！

热点排行

跨浏览器开发

奇怪的document.all，浏览器对document.all的支持差异