JS DOM详解之节点的增加、删除、替换、复制，属性设置和获取，样式设置和获取

写在前面：

DOM（Document Object Model ，文档对象模型）一种独立于语言，用于操作xml，html文档的应用编程接口。

对于JavaScript，为了能够使JavaScript操作Html，JavaScript就有了一套自己的dom编程接口。

对于Html，dom使得html形成一棵dom树，类似于一颗家族树一样，一层接一层，子子孙孙。

所以说，有了DOM，在我看来就是相当于JavaScript拿到了钥匙一样可以去操作Html的每一个节点。

一、节点的增删替复

 1.增加

创建节点对象    document.createElement(tagName);

将指定节点对象添加到父节点的末尾    parentNode.appendChild(childNode);

将指定节点对象前添加一个新节点        node.insertBefore(newNode,oldNode);

创建文本节点对象    document.createTextNode();

2.删除

parentN