DOM常用属性和方法

 

 

DOM节点类型
属性和方法	说明	NodeType值	备注
Element	Node.ELEMENT_NODE	1	元素节点
Text	Node.TEXT_NODE	3	文本节点
Document	Node.DOCUMENT_NODE	9	Document对象
Comment	Node.COMMENT_NODE	8	注释的文本
DocumentFragment	Node.DOCUMENT_FRAGMENT_NODE	11	Document片段
Arrt	Node.ATTRIBUTE_NODE	2	节点属性

 

Document对象常用的方法
方法	描述
createAttribute( )	用指定的名字创建新的Atrr节点
createComment( )	用指定的字符串创建新的Comment节点
createElement( )	用指定的标记名创建新的Element节点
createTextNode( )	用指定的文本创建新的TextNode节点
getElementById（）	返回文档中具有指定id属性的Element节点
getElementByTagName（）	返回文档中具有指定标记名的所有Element节点

 

Element节点元素的属性
属性	说明
tagName	节点元素的标记名称，比如<p>元素为P 。HTML文档返回的tagName均为大写
Id	节点元素的唯一识别id
class	节点元素的类名，不同的标记的元素可以定义为相同的类名

 

DOM对象常用方法
方法	描述
appendChild( )	通过把一个节点增加到当前节点的childNodes[] 数组中，给文档树增加节点
cloneNode( )	复制当前节点，或者复制当前节点的指定节点以及它的所有子节点
hasChildNodes( )	如果当前节点拥有子节点，则返回true
insertBefore( )	给文档树插入一个节点，位置在当前节点的指定子节点之前，如果该节点已经存在，则将其删除再插入到它的位置
removeChild( )	从文档树中删除并返回指定的子节点
replaceChild( )	从文档树中删除并返回指定的子节点，用另一个节点替换它

 

 

 

Element节点元素的的方法
方法	描述
getAttribute( )	以字符串形式返回指定属性的值
getAttributeNode( )	以Atr节点的形式返回指定属性的值
getElementByTagName（）	返回一个Node数组，包含具有指定标记名的所有Element节点的子孙节点，其顺序为在文档中出项的顺序
hasAttribuet( )	如果该元素具有指定名字的属性，则返回true
removeAttribute( )	从元素中删除指定的属性
removeAttributeNode( )	从元素的属性列表中删除指定的Attr节点
setAttribute( )	把指定的属性设置为指定的字符串值，如果该属性不存在则添加一个新属性
removeAttribuetNode( )	把指定的Attr节点添加到改元素的属性列表中

 

DOM对象常用属性
属性	说明
attributes	如果该节点是一个Element，则以NameNodeMap形式返回该元素的属性
childNodes	以Node[ ] 的形式存放当前节点的子节点，如果没有子节点，则返回空数组
firstChild	以Node形式返回当前节点的第一个子节点，如果没有子节点，则返回null
lastChild	以Node形式返回当前节点的最后一个子节点，如果没有子节点，则返回null
nextSibling	以Node形式返回当前节点的下一个兄弟节点，如果没有这样的节点，则返回null
nodeName	节点的名称，Element节点则代表Element的标记名称
nodeType	代表节点的类型
parentNode	以Node形式返回当前节点的父节点，如果没有父节点，则返回null
PreviousSibling	以Node形式返回紧挨当前节点，位于它之前的兄弟节点，如果没有这样的节点，则返回null