document.createElement("元素名") 创建元素节点
document.createTextNode("文本") 创建文本节点
A.appendChild( B) 把B节点追加至A节点的末尾
父节点.insertBefore( A,B ) 把A节点插入到B节点之前
父元素.removeChild(要被删除的元素)
克隆练习:
点击h1，可以复制本身
<h1 onclick="fn()">我是h1</h1>
<script>
function fn() {
let body = document.querySelector('body');
let h1 = document.querySelector('h1');
let h1clone = h1.cloneNode(true);
body.appendChild(h1clone);
</script>
删除练习：
写一个h1 标签 内容是我是h1 点击h1 可以克隆自己，把克隆出来的 文本内容 再加个 字符串 "=" 放在原来的h1的前面
<h1 onclick="fn()">我是h1</h1>
<button onclick="fn1()">删除第一个</button>
<script>
function fn() {
let body = document.querySelector('body');
let h1 = document.querySelector('h1');
let h1clone = h1.cloneNode(true);
let text1 = document.createTextNode('=');
h1clone.appendChild(text1);
//body.appendChild(h1clone);
body.insertBefore(h1clone, h1);}
function fn1() {
let body = document.querySelector('body');
let h1 = document.querySelector('h1');
body.removeChild(h1);}</script>
