转，DOM中常用属性及方法

DOM中常用属性及方法

Category: js/DOM, Author: admin, Popularity: 19%

在dom中html是一个树, 由结点组成
node常用的几种节点类型
接口        nodeType常量    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片断
Attr     Node.ATTRIBUTE_NODE  2            节点属性

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

Element常用的
tagName  元素的标记名字，比如<p>元素为p.HTML文档返回的tagName均为大写

Element常用的方法
getAttribute()         以字符串形式返回指定属性的值
getAttributeNode()     以Attr节点的形式返回指定属性的值
getElementsByTabName() 返回一个Node数组，包含具有指定标记名的所有ELEMENT节点的子孙节点，其顺序为在文档中出现的顺序
hasAttribute()         如果该元素具有指定名字的属性，则返回True
removeAttribute()      从元素中删除指定的属性
removeAttributeNode() 从元素的属性列表中删除指定的Attr节点
setAttribute()      把指定的属性设置为指定的字符串值，如果该属性不存在则添加一个新属性
setAttributeNode()   把指定的Attr节点添加到该元素的属性列表中

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

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