DOM节点属性和方法

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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值