DOM对象常用对象的方法和属性

时间:2021-12-18 08:04:23
 
HTML文档中的常用节点类型:
接口
nodeType
备注
Element
1
元素节点
Text
3
文本节点
Document
9
Document
Comment
8
注释文本
DocumentFragment
11
Document片段
Attribute
2
节点属性
 
常用的Document的方法:
方法
描述
createAttribute()
用指定的名字创建新的Attribute节点
createComment()
用指定的字符串创建新的Comment节点
createElement()
用指定的标记名创建新的Element节点
createTextNode()
用指定的文本创建新的TextNode节点
getElementId()
返回文档中具有指定id属性的Element节点
getElementByTagName()
返回文档中具有指定标记名的所有Element节点
 
Element常用的属性和方法
方法/属性
描述
tagName
以字符串形式返回指定属性的值
getAttributeNode()
以Attribute节点的形式返回指定属性的值
getElementByTagName()
返回一个Node数组,包含具有指定标记名的所有Element节点的子孙节点,其顺序为在文档中出现的顺序
hasAttribute()
如果该元素具有指定名字的属性,则返回true
removeAttribute()
从元素中删除指定的属性
removeAttributeNode()
从元素的属性列表中删除指定的Attribute节点
setAttribute()
把指定的属性设置为指定的字符串值,如果该属性不存在则添加一个新属性
setAttributeNode()
把指定的Attribute节点添加到该元素的属性列表中
 
Node常用的属性和方法
方法/属性
描述
Attributes
如果该节点是一个Element,则以NamedNodeMap形式返回该元素的属性
childNodes
以Node[]的形式存放当前节点的子节点,如果没有节点,则返回空数组
firstChild
以Node的形式返回当前节点的第一个节点,如果没有节点则返回NULL
lastChild
以Node的形式返回当前节点的最后一个节点,如果没有节点则返回NULL
parentNode
以Node的形式返回当前节点的父节点,如果没有节点则返回NULL
previousSibling
以Node的形式返回紧挨当前节点,位于它之前的兄弟节点,如果没有这样的节点则返回NULL
nextSibling
以Node的形式返回当前节点的下一个兄弟节点,如果没有节点则返回NULL
nodeName
节点的名字,Element节点则代表Element标记的名称
nodeType
代表节点的类型
appendChild()
通过把一个节点增加到当前节点的childNode[]组,给文档树增加节点
cloneNode()
复制当前节点,或者复制当前节点以及它的所有子孙节点
hasChildNodes()
如果当前节点拥有子结点,则返回true
insertBefore()
给文档树插入一个节点,位置在当前节点的指定位置之前,如果该节点已经存在,则删除之,然后再将节点插入到它的位置。
removeChild()
从文档树中删除并返回指定的子结点
replaceChild()
从文档树中删除并返回指定的子结点,用另一个节点替代它。