在这个和谐的社会,不知道还有多少人在使用 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 大有从嫔妃转为正宫之势。
1
2
3
4
5
|
if(document.all){
//do something in IE
}else if(document.layers){
//do something in Netscape
}
|
发展壮大
开始的时候,确实其他浏览器都不支持document.all,但是渐渐的,都开始偷偷摸摸的开始支持了。
因为它不是W3C的标准属性,在其他浏览器中也没有找到此集合属性的说明。
说它偷偷摸摸的被支持是有原因的。
document.all的布尔值
1
2
3
4
5
6
7
|
<
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对象
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<
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
>
|
在浏览器的兼容性模式下,这个测试会输出一个表,各位童鞋可以自行查看。
[img= https://lh3.googleusercontent.com/GBjYnl493bwr4dR1MgUsbp5-aMzb5IVU0-N7sAu1yjU8yK3sXNr1LTsXvdtzsGGgPlDU6Q5Wt0F1Xt5ms13YfHk0NPKlZCmVIt_epVO-x-HjAdk9lQ][/img]
可见,这个对象还是可以被用来取对象的,很搞笑吧。偷偷默默的把值就取到了。不过还是少用这个属性为妙,各浏览器在没有统一之前,都可能更新对它的支持,你要是用这个属性,那么相当于给自己的程序里埋了一颗很雷的地雷。小心哪天爆了。还是用document.getElementById()比较安全。
至于为什么在非IE中它的布尔值是假还能使用,还请各位指教?