JavaScript操作DOM元素

查询：

①、标准DOM操作API：

　　document.getElementById("id")、

　　document.getElementsByTagName("div")[0]、

　　document.getElementsByName("name")[0]、

　　document.getElementsByClassName('class')[0]、

　　document.querySelectorAll(".class")[0]。

②、属性获取：

　　getAttribute、

　　getAttributeNode。

③、①亲属访问：chilidNodes、attributes。

　　②从一个节点访问另一个节点：

　　　　访问父节点parentNode、

　　　　访问上一个兄弟节点previousSilbling、

　　　　访问下一个兄弟节点nextSilbling、

　　　　访问第一个属性节点attributes[0]。

增加：

①、创建节点：

　　创建元素节点document.creatElement、

　　创建文本节点document.creatTextNode、

　　创建属性节点document.creatAttribute、

　　innerHTML、

　　innerText、

　　cloneNode()。

②、加入：

　　追加到结尾appendChild、

　　innerHTML、

　　将元素追加到某一元素之前insertBefore，使用方法是    父元素.insertBefore(新，旧)；。

 

三、删除节点：removeChild、removeAttributeNode