javascript DOM 遍历

由愚人码头撰写　http://www.css88.com/archives/514

javascript DOM 遍历

以下一系列的辅助函数可以帮助您，他们能取代标准的previousSibling，nextSibling，firstChild，lastChild，parentNode；

JavaScript代码

//————————DOM 遍历，如果元素没找到则返回null———————–//
//—查找相关元素的前一个兄弟元素—//
function prev(elem){
do{
elem=elem.previousSibling;
}while(elem&&elem.nodeType!=1);
return elem;
}
//—查找相关元素的下一个兄弟元素—//
function next(elem){
do{
elem=elem.nextSibling;
}while(elem&&elem.nodeType!=1);
return elem;
}
//—查找第一个子元素的函数—//
function first(elem){
elem=elem.firstChild;
return elem && elem.nodeType!=1 ?next(elem):elem;
}
//—查找最后一个子元素的函数—//
function last(elem){
elem=elem.lastChild;
return elem && elem.nodeType!=1 ?prev(elem):elem;
}
//—查找父级元素的函数—//
//num是父级元素的级次，parent(elem,2)等价于parent(parent(elem))
function parent(elem,num){
num=num||1;
for(var i=0; i<num; i++){
if(elem!=null){
elem=elem.parentNode;
}
}
return elem;
}

调用案例：first(document.getElementById(“everywhere”)).style.backgroundColor=”#ff0000″;

以上是《精通Javascript》提供

javascript DOM 遍历相关推荐

javascript同级遍历_有用的DOM遍历方法，你需要了解一下
英文 | https://levelup.gitconnected.com/useful-dom-traversal-methods-d2b55cf8e25c翻译 | web前端开发(ID:web_q ...
用JavaScript语言通过DOM遍历XML文档
实验结果要求如下: 解决步骤: 1. 首先是布局,左边用表格比较方便,右边是个div块. 2. 嵌入JavaScript脚本,由易到难,写定义全部显示的功能函数.显示姓名功能函数,显示属性功能函数 ...
java dom遍历_JavaScript DOM文档遍历实战
在介绍了<JavaScript DOM修改文档树方法实例>与<JavaScript DOM实战:创建和克隆元素>,本文将介绍JavaScript DOM文档遍历的详细知识,我们 ...
高性能JavaScript DOM编程
我们知道,DOM是用于操作XML和HTML文档的应用程序接口,用脚本进行DOM操作的代价很昂贵.有个贴切的比喻,把DOM和 JavaScript(这里指ECMScript)各自想象为一个岛屿,它们之间 ...
Javascript——DOM编程
Javascript--DOM编程基本概述文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口.DOM可以以一种独立于平台和语 ...
JavaScript DOM 学习笔记
文章目录 Dom 基础 Dom 基本概念节点类型获取元素 getElementByld() getElementsByTagName() getElementsByClassName() quer ...
前端开发学习笔记（二）JavaScript DOM编程技术（一、二）
陆陆续续看了将近2周的时间,其实书中的内容不难理解,只不过最近的事情较多,不能静下心来. 第一章 JavaScript简史采用标准化的思路来建立网站,引入"WEB标准"技术.XH ...
JS DOM之DOM遍历
JS DOM之DOM遍历 1.什么是DOM遍历? 2.查找父元素 3.查找子元素 4.查找兄弟元素 1.什么是DOM遍历? DOM遍历,可以简单地理解为"查找元素".举个例子,如果 ...
传智播客--JavaScript DOM加强(佟刚)
上了一天的课,很累,不过真的很充实.比自己学的效率要高很多,对技术的理解也提高了不少.对自己又充满了信心,感觉自己两个半月后一定能找到一个五千块以上的工作.哈哈!今天是佟刚老师讲的 JavaScri ...

javascript DOM 遍历

javascript DOM 遍历

javascript DOM 遍历相关推荐

最新文章

热门文章