利用二叉树的概念，对一个节点进行操作，即在一个节点四周增加，删除，修改，判断节点。

目录

一，node节点方法appendchild()

二，node节点方法hasChildNodes() 

三，node节点方法cloneNodes() 

四，node节点方法insertBefore()

五，node节点方法replaceChild()

六，DocumentFragment节点

七，操作css属性

1，设置html元素的style属性

2，修改元素节点的style属性(最常用)

3，修改节点style属性对象的cssText属性

---

一，node节点方法appendchild()

        这个方法既可以插入js新创建的节点对象，也可以移动已经存在的节点对象。

二，node节点方法hasChildNodes() 

三，node节点方法cloneNodes() 

四，node节点方法insertBefore()

五，node节点方法replaceChild()

六，DocumentFragment节点

        叫做文档片段节点。片段指的是：包含多个节点而不是只有一个节点。他的作用是：在js中写html代码，然后将html代码插入到文档对象中进行渲染。

七，操作css属性

1，设置html元素的style属性

        这个属于行内样式。本身style属性就属于一个节点对象，对这个对象的内容进行操作从而改动html元素的样式。

        使用元素节点的setAttrbute()方法进行设置。

2，修改元素节点的style属性(最常用)

        每个html的Element对象自带这个style属性，这个属性指向的该元素的style对象，通过修改这个style对象的属性来修改html元素样式。

3，修改节点style属性对象的cssText属性

        通过2可知，节点的style属性指向的是节点的style对象，这个对象有一个属性cssText，可以将所有的css样式写到这个属性里面。每个样式之间使用+进行连接。