Html DOM 常用属性和方法


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节点
getElementsByTagName() 返回文档中具有指定标记名的所有Element节点

***************************************************
Element常用属性
***************************************************
属性 描述
tagName 元素的标记名称

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

*********************************************************
Node对象常用属性
*********************************************************
属性 描述
attributes 如果该节点是一个Element,则以NameNodeMap形式返回该元素的属性
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() 从文档树中删除并返回指定的子节点,用另一个节点替换它.

原文地址:https://www.cnblogs.com/wujiakun/p/3361766.html