Node 接口的方法

2022-10-31 14:44:39 浏览数 (1)

Node 接口的方法

Node.appendChild()

appendChild方法接受一个节点对象作为参数,将其作为最后一个子节点,插入当前节点。该方法的返回值就是插入文档的子节点。

代码语言:javascript复制
var p = document.createElement('p');
document.body.appendChild(p);
Node.hasChildNodes()

hasChildNodes方法返回一个布尔值,表示当前节点是否有子节点。

代码语言:javascript复制
var foo = document.getElementById('foo');

if (foo.hasChildNodes()) {
  foo.removeChild(foo.childNodes[0]);
}
Node.cloneNode()

cloneNode方法用于克隆一个节点。它接受一个布尔值作为参数,表示是否同时克隆子节点。它的返回值是一个克隆出来的新节点。

代码语言:javascript复制
var cloneUL = document.querySelector('ul').cloneNode(true);
Node.insertBefore()

insertBefore方法用于将某个节点插入父节点内部的指定位置。

代码语言:javascript复制
var insertedNode = parentNode.insertBefore(newNode, referenceNode);
Node.removeChild()

removeChild方法接受一个子节点作为参数,用于从当前节点移除该子节点。返回值是移除的子节点。

代码语言:javascript复制
var divA = document.getElementById('A');
divA.parentNode.removeChild(divA);
Node.replaceChild()

replaceChild方法用于将一个新的节点,替换当前节点的某一个子节点。

代码语言:javascript复制
var replacedNode = parentNode.replaceChild(newChild, oldChild);

0 人点赞