JavaScript之DOM操作总结

 

 

 

• 选取文档元素

通过ID选取元素

document.genElementById("id")

通过名字选取元素

document.getElementByName("name")

通过标签名选取元素

document.getElementByTagName("tagname")

通过CSS选择器获取元素

document.querySelector(选择器)

document.querySelectorAll(选择器）                    

选取所有元素

document.all[]

 

 

 

• 选取文档节点

选取父节点           

node.parentNode

选取子节点

node.childNode

第一个子节点

node.firstChild

最后一个子节点

node.lastChild

前一个节点

node.previousSibling

后一个节点

nextSibling                                          

 获取节点类型

node.nodeType                                

获取节点文本内容

node.nodeValue   

 获取标签名                                

node.nodeName                                  

 

 

 

• 属性操作

获得图片URL

对象.src    

获取非标准属性

对象.getAttribute("属性名") 

设置非标准属性值

对象.setAttribute("属性名"，“属性值”)     

检测属性

对象.hasAttribute("属性名")

删除属性

对象.removeAttribute("属性名")

获取作为Attr的属性

对象.attribute[]||.属性名||["属性名"]

获取内容

对象.innerHTML

对象.textContent

 

 

 

• 节点操作

创建元素

document.createElement()

创建TEXT节点

document.createTextNode()

插入子节点

对象.appendChild()

插入节点之前

对象.insertBefore(待插入节点,已存在节点)

删除节点

对象.removeChild()

替换节点

对象.replaceChild(新节点,已存在节点)

外链:https://slartbartfast.cn/articlePage.php?articleid=236