Javascript的增删改查

javaScript的增删改查

###获取元素

1,标准DOM  API

     document.getElementById

     document.getElementsByTagName

     document.getElementsByName

     document.getElementsByClassName

     document.querySelectorAll

2，亲属访问

3，属性获取

     getAttribute

      getAttributeNode

*******************************************************************************

###增加

1，创建

document.createElement   创建元素节点

document.createTextNode   创建文本节点

document.createAttribute   属性节点

innerHTML

innerText

cloneNode()

2,加入

appendChild

innerHTML

insertBefore

注意insetBefore()用法:父元素.insertBefore(新元素，旧元素）；//将新元素插入到就元素的前面

3，其他

style的操作

setAttribute(属性名，属性值）

******************************************************************************

###删除

1，删除元素

     removeChild

     removeAttributeNode

1，修改节点

     删除节点再加入

2，修改样式

     style.xxx=vvv;

     setAttribute

     innerHTML

     innerText

     节点操作

     nodeValue

4,修改属性

   .xxx=vvv;

   setAttribute

补充：DOM树（从一个中心节点访问其所有的直系亲属节点）

访问父节点：parentNode

访问上一个兄弟节点：previousSibling

访问下一个兄弟接待：nextSibing

访问第一个属性节点：sttributes[1]

访问最后一个子节点：lastChild或childNodes[childNodes.length-1]