一、创建节点
创建节点通过 document.createElement('tagName') 语法来创建。targName 是指要创建的
HTML 元素。
var li = document.createElement('li');
二、添加节点
(1)parentNode.appendChild(child):把指定节点添加到指定的父节点的子节点最后;
(2)parentNode.insertBefore(child):把指定节点添加到指定的父节点的指定子节点前面;
(3)parentNode.append(element):把指定的元素添加到指定的父元素的子节点最后,没有返回值;
(4)parentNode.prepend(element):把指定的元素添加到指定的父元素的最前面,没有返回值。
三、复制节点
复制节点也叫克隆节点,需要使用 cloneNode() 方法来实现。该方法执行后会返回调用该方法节
点的一个副本。该方法可以传一个布尔类型参数,默认为 false 表示浅拷贝,如果参数为 true 表
示深拷贝。浅拷贝只会复制节点元素,不会复制节点内容。而深拷贝会复制节点以及所有的子节
点。