DOM样式操作

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

在被选元素的前面或者后面插入内容