js总结 （6） DOM操作 节点元素 遍历树

DOM，主要用来修改HTML的标准编程接口，可以用来修改各种html标签内容 和属性 样式。

查找：

document： 整个文档。

document.getElementsByTagName

document.getElementById

document.getElementsByClassName

   遍历节点：

var div=document.getElementsByClassName('con')[0];

div.parentNode.nodeName  -> 父节点  (最顶端的parentNode为#document);
div.firstChild  -> 第一个儿子

div.lastChild ->  最后一个儿子

nextSibling->后一个节点 previousSibling->前一个节点

遍历元素：

    div.children 遍历所有的子元素（孙子就不算）这就是一个数字 可以.length属性

     获取节点类型：div.firstElementChild.nextElementSibling.nodeType

节点的类型

元素节点 —— 1
属性节点 —— 2
文本节点 —— 3
注释节点 —— 8
document —— 9
DocumentFragment —— 11
获取节点类型 nodeType