Dom的html元素操作/节点操作——之转生在异世界学前端

1.输出到文档

document.write("你好");

2.新建节点     在文本创建一个新标签

var a =document.createElement("div");

3.新建文本节点    新建一个文本内容

var b =document.createTextNode("转生者，你好");

4.追加节点     可以追加标签，也可以追加文本

a.appendChild(b);

5.插入节点

先获取被插入节点

var father =document.getElementByClassName("div")[0];

再获取目标节点

var son =document.getElementByClassName("p")[0];

father.insertBefore(box,b);  在father父节点里的子节点son前插入box

6.替换节点

father.replaceChild(box,son);  将son替换成box

7.删除子节点

father.removeChild(son);   删除father里的son

8.删除自身节点

father.remove();  删除自身所有节点

9.克隆节点

var cloneNode=father.cloneNode(true); 

不加true是只克隆自身父节点，不包括子节点，加true克隆自身所有节点