日历归档 |
|
<< < 2024 - 12 > >> | Su | Mo | Tu | We | Th | Fr | Sa | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 |
|
|
|
About Me |
|
|
ZhangSichu |
|
Male |
|
32 |
|
ZhangSichu@gmail.com |
|
ZhangSichu@hotmail.com |
|
ZhangSichu.com |
|
weibo.com/zhangsichu |
|
|
|
个人推荐 |
|
|
|
|
分类归档 |
|
|
|
|
My Friends |
|
|
|
|
javascript 遍历Dom 对象
|
遍历某个页面的Dom对象。例如想知道某个DOM对象是否在获得焦点状态。遍历各个DOM节点判断document.activeElement.id == node.id。来确定对象是否获得焦点。 一般会使用各个node访问。类似下面的写法。并且这种写法IE FF都支持。 可是当Dom元素很多的情况下这种方法会很慢。 function IterateNode(node){ //do some thing here. var childrens = node.childNodes; if(childrens == null || typeof(childrens) == "undefined" || childrens.length == 0) return; for(var i=0;i<childrens.length;i++){ IterateNode(childrens[i]); } }
在DOM Level 2标准中提供了两个比较好的方法: document.createNodeIterator document.createTreeWalker createTreeWalker 的功能比 createNodeIterator 强大。支持在兄弟节点上交互(nextSibling previousSibling parentNode)。支持取得首个和最后一个Dom对象(firstChild lastChild)。但是只有FF支持了。用这种方法遍历Dom对象比较快。 function ShowAllDomsByTreeWalker(){ var result; var walker = document.createTreeWalker(document,NodeFilter.SHOW_ELEMENT,null,false); var node = walker.nextNode(); while(node){ result += node.tagName + "\t" + node.value + "\t" + node.href + "\n"; node = walker.nextNode(); } //OutputAllDoms(result); //walker.nextSibling(); //... }
|
|
#re:javascript 遍历Dom 对象 7/9/2007 4:16:03 PM billllll
|
不知javascript能不能获取到网页的<head>和<title>里的东西?
|
|
|
|
|
|