JavaScript学习4（DOM之节点）

查找定位元素有两大方式：
通过Dao提供的库函数，和节点两种方法。

其中在上篇博客中，我们介绍了Dao函数。
接下来我们介绍节点。
在HTMLDOM树中认为一切都是节点，包括元素，属性，文本，注释等。
节点至少拥有三个基本属性，nodeType，nodeName，nodeValue;

• 元素节点nodeType为1
• 属性节点nodeType为2
• 文本节点nodeType为3

定位节点

DOM树把节点划分为父子兄弟关系

父节点(最近的父节点orNULL)
语法：父节点=子节点.parentNode
子节点(所有子节点，包括元素节点，属性节点等等)
语法：子节点.=父节点.childNodes
语法：子节点.=父节点.childNodes【n】//不推荐使用。
子节点(所有子元素节点)
语法：子节点.=父节点.children
第一个子节点（包括元素节点，属性节点等等）
语法：子节点.=父节点.firstChild
最后一个子节点（包括元素节点，属性节点等等）
语法：子节点.=父节点.lastChild
第一个元素子节点
语法：子节点.=父节点.firstElementChild（ie9以上）
语法：子节点.=父节点.children【0】
最后一个元素子节点
语法：子节点.=父节点.lastElementChild（ie9以上）
语法：子节点.=父节点.children【父节点.children.length-1】
上一个兄弟节点
语法：上一个节点.=节点.previousSibling；
下一个兄弟节点
*语法：下一个节点.=节点.nextSibling；
上一个元素兄弟节点
语法：上一个节点.=节点.previousElementSibling；（ie9以上）
下一个元素兄弟节点
*语法：下一个节点.=节点.nextElementSibling；（ie9以上）

添加节点

第一步是创建节点
document.creatElement(‘tagName’)
第二步是添加节点，有两种方法

• 添加到父节点的子列表的末端
  父节点.appendChild(添加节点)
• 添加到父节点的指点节点前面
  父节点.insertBefore(添加节点，指定节点)

删除节点

父节点.removeChild(子节点)返回子节点

赋值节点

节点.cloneChild()返回该节点
若括号内为空，或者false，则浅拷贝。只复制标签，不复制子节点