JS的节点(元素)的操作
// 创建元素 document.createElement(标签名字符串);
// var div = document.createElement("div");
// console.log(div);
// 创建文本节点 document.createTextNode(文本内容);
// var textNode = document.createTextNode("我是一个通过JS脚本创建出来的文本节点");
// console.log(textNode);
// 上树方法 父元素.appendChild(子元素);
// div.appendChild(textNode);
// document.body.appendChild(div);
// 上树方法 父元素.insertBefore(newChild, oldChild); 将第一个参数 插入到第二个参数之前 两个参数都是元素 第二个参数必须是父元素的子元素
// 获取元素
// var box1 = document.getElementById("box1");
// div.appendChild(textNode);
// document.body.insertBefore(div, box1);
// 替换方法 父元素.replaceChild(newChild, oldChild);
// var box1 = document.getElementById("box1");
// div.appendChild(textNode);
// document.body.replaceChild(div, box1); // 使用div去替换box1
// 克隆方法 元素.cloneNode(boolean); boolean是一个布尔值 决定是否克隆子元素 如果为真则克隆子元素 否则不克隆 默认是false
// var node = document.querySelector(".one");
// console.log(node);
// var cloneNode = node.cloneNode(true);
// console.log(cloneNode);
// document.body.appendChild(cloneNode);
// remove 让调用remove方法的元素 下树
// var box2 = document.getElementById("box2");
// box2.remove();