document.all用法详解与兼容性分析
document.all[]的老派用法挺有意思的,是在老项目或者搞 IE 兼容性的时候,它算是个“万金油”。你可以把它当成一个能把整个页面元素一网打尽的大网,用索引就能直接拿元素。虽然现在都用querySelectorAll
或getElementsByTagName
了,但了解下它的用法,思路也蛮开阔的。
document.all[]其实是 IE4 开始搞出来的一个集合,用来抓页面里所有 HTML 元素。你直接用 ;document.all[0]
、document.all[1]
这样写,就能依次访问所有标签,不管是<head>;
还是
、[removed];
啥的,通通都包了进去。
来看个例子,下面的代码会把所有元素的tagName
打印出来:
var i, origLength;
origLength = document.all.length;
[removed]('document.all.length=' + origLength);
for (i = 0; i < origLength href=" target=">jQuery 的 DOM 操作或者HTML DOM 基础。如果你还在跟 IE 打交道,那这个“古董”能救你一命。
建议:新项目还是乖乖用querySelectorAll
、getElementsByTagName
,安全、兼容、性能也更稳。
137KB
文件大小:
评论区