节点操作

时间：2021-01-10 23:47:22 阅读：43 评论：0 收藏：0 [点我收藏+]

创建标签

document.createElement(标签名)

var div = document.createElement(‘div‘)
console.log(div);
div.innerText = ‘盒子‘;

父标签.appendChild(子标签节点)

var body = document.querySelector("body");
console.log(body);
body.appendChild(div)

父标签.insertBefore(要插入的子标签,原来有旧的标签)

var b = document.createElement(‘b‘)
b.innerText = ‘加粗文字‘;
console.log(b);
body.insertBefore(b,div)

父标签.replaceChild(新的标签,旧的标签)

var i= document.createElement("i");
i.innerText = ‘倾斜文字‘;
console.log(i);

body.replaceChild(i,b)

父标签.removeChild(子标签)

body.removeChild(i)

标签.cloneNode() // 复制了一个空标签

var newDiv = div.cloneNode()
console.log(newDiv);

标签.cloneNode(true) - 把标签中的内容都复制出来

var newDiv = div.cloneNode(true)
console.log(newDiv);

总结：

创建：document.createElement()

插入：

父标签.appendChild()

父标签.insertBefore(新的标签,旧的子标签)

替换：父标签.replaceChild(新的,旧的)

删除：父标签.removeChild(子节点)

复制：标签.cloneNode(true)

原文：https://www.cnblogs.com/mrxiachongyu/p/14260096.html

踩

(0)

评论一句话评论（0）

分享档案

更多>