DOM的理念：一切皆节点。方法和属性都是依赖于元素对象存在的。
DOM的节点有
文档节点、元素节点、属性节点、文本节点、注释节点
className.add
className.remove
classList.add
obj = getElementById('test');
obj.style.fontSize = "16px";
属性操作
obj.setAttribute('属性','值') 增加属性
obj.attributes
obj.removeAttribute('属性')
修改样式
obj.style.color="red" //如果样式有就重新设置，没有相当于新增一个样式
创建元素
tag = "<p></p>"
p = document.createElement('元素')
p.appendChild(tag);
p.insertAdjanceHTML('beforeEnd',tag)
这里有4个值，`beforeBegin`，`afterEnd`，`afterBegin`。前者表示在子元素中添加，后者表示在兄弟元素添加。
创建文本节点
t = document.createTextNode('文本')
obj.appendChild(t) //将文件节点加入到obj元素节点。
:before和:after
在被选元素的前面或者后面插入内容
