分享

DOM节点属性和方法

 最初九月雪 2014-08-05
DOM节点分为:文档节点、元素节点、属性节点和文本节点。

节点属性:
nodeName:节点名称。
nodeValue:节点的值。
parentNode:节点的父节点。每个元素、属性和文本都有一个父节点。
childNodes:节点的孩子节点列表。对于HTML,该列表仅对元素有意义,文本节点和属性节点都没有孩子。
firstChild:仅仅是childNodes列表中第一个节点的快捷方式。
lastChild:另一种快捷方式,表示childNodes列表中的最后一个节点。
previousSibling:返回当前节点之前的节点。换句话说,它返回当前节点的父节点的 childNodes 列表中位于该节点前面的那个节点(如果感到迷惑,重新读前面一句)。
nextSibling:类似于previousSibling属性,返回父节点的childNodes列表中的下一个节点。
attributes:仅用于元素节点,返回元素的属性列表。

节点方法:
insertBefore(newChild, referenceNode)将newChild节点插入到referenceNode之前。注意,应该对newChild 的目标父节点调用该方法。
replaceChild(newChild, oldChild)用newChild节点替换oldChild节点。
removeChild(oldChild)从运行该方法的节点中删除oldChild节点。
appendChild(newChild)将newChild添加到运行该函数的节点之中。newChild被添加到目标节点孩子列表中的末端。
hasChildNodes()在调用该方法的节点有孩子时则返回true,否则返回false。
hasAttributes()在调用该方法的节点有属性时则返回true,否则返回false。
 
文档节点:
也可使用document对象创建新节点,如下所示:
createElement(elementName)使用给定的名称创建一个元素。
createTextNode(text)使用提供的文本创建一个新的文本节点。
createAttribute(attributeName) 用提供的名称创建一个新属性。

元素节点:
与属性处理有关的方法:
getAttribute(name)返回名为name的属性值。
removeAttribute(name)删除名为name的属性。
setAttribute(name, value)创建一个名为name的属性并将其值设为value。
getAttributeNode(name)返回名为name的属性节点。
removeAttributeNode(node)删除与指定节点匹配的属性节点。
与查找嵌套元素有关的方法:
getElementsByTagName(elementName)返回具有指定名称的元素节点列表。

文本节点:
appendData(text)将提供的文本追加到文本节点的已有内容之后。
insertData(position, text)允许在文本节点的中间插入数据。在指定的位置插入提供的文本。
replaceData(position, length, text)从指定位置开始删除指定长度的字符,用提供的文本代替删除的文本。

DOM 节点类型定义了一些常量,比如:
Node.ELEMENT_NODE 是表示元素节点类型的常量。
Node.ATTRIBUTE_NODE 是表示属性节点类型的常量。
Node.TEXT_NODE 是表示文本节点类型的常量。
Node.DOCUMENT_NODE 是表示文档节点类型的常量。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多