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 |