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]

猜你喜欢

转载自blog.csdn.net/L_AMiao/article/details/80757502