js中关于DOM节点的遍历、方法和属性

一.遍历节点树(版本都兼容)

1.parentNode;  父级节点

2.childNodes;  子级节点们

3.firstChild;  第一个子节点

4.lastChild;  最后一个子节点

5.nextSibling;  下一个兄弟节点

6.previousSibling;  上一个兄弟节点

二.遍历元素节点树(除children外，其他属性都是IE8及以下浏览器不兼容)

1.parentElement;  父级元素

2.children;  子元素们

3.firstElementChild;  第一个子元素

4.lastElementChild;  最后一个子元素

5.nextElementSibling; 下一个兄弟元素

6.previousElementSibling;  上一个兄弟元素

 7.childElementCount; 元素子节点们的长度(== elem.children.length)

三.节点的属性

1.nodeName;  节点的标签名称(大写) 只读

2.nodeValue;  节点值  text 节点与comment节点的文本内容(可读写)

3.nodetype;  节点类型(重要)

4.attributes; 节点属性的集合

四.元素节点的属性

1.innerText();  添加文本内容，覆盖原文本内容，火狐低版本不兼容（用textContent()方法 添加文本内容）；

2.innerHTML(); 添加文本内容，可以解析元素并执行，覆盖原文本内容，不刷新页面

五.节点的方法

1.hasChildNodes();  判断节点是否有子级节点 返回boolean;

2.setAttribute();  添加、修改元素节点的属性

3.getAttribute(); 获取元素节点的属性（只读）