javascript——Dom

node节点：

1、node节点分为6种：

Document（文档）：nodeName（#document），nodeType（9），value（）、

DocumentType（文档类型）：nodeName（html），nodeType（10），value（null）、

Element（元素）：nodeName（标签名），nodeType（1），value（undefined、null）、

Attribute（属性）：nodeName（属性名），nodeType（2），value（属性值）、

Text（文本）：nodeName（#text），nodeType（3），value（本身）、

DocumentFragment（文档碎片、注释）：nodeName（#comment），nodeType（8），value（值）

2、ownerDocument：返回当前节点所在顶层文档对象：即document。

3、nextSibling：当前节点紧跟后面的第一个同级节点。

4、previousSibling：当前节点前面距离最近的一个同级节点

5、parentNode：当前节点的父节点

6、parentElement：当前节点父Element节点

7、textContent：当前节点和他后代所有的文本内容

8、lastChild，firstChild：

9、appendChild（）：插入节点

10、hasChildNodes（）：判断是否有子节点

11、insertBefore（元素位置）：将节点插入当前节点的指定位置，前面为父元素

12、removeChild（）：当前节点移除

13、replaceChild（新，旧）：替换

14、contains（）：是否为当前节点的后代节点

15、isEqualNode：节点是否严格相等

Document：

1、document.doctype：获取DTD文档

2、document.doctype.name：h5

3、document.documentElement ：html中的

4、document.body：获取body

5、document.head：获取head

6、document.documentURL：地址文档，ie不支持

7、document.URL：文档地址，只有html文档

8、document.domain：返回域名www...com

9、document.lastModified：最后一次修改的时间

10、document.location.search ：？name=123&&age=20

11、document.location.reload（）：重新加载

12、document.readyState：加载的状态

13、document.anchors：获取只有name的a标签

14、document.forms：所有表单的集合

15、document.images：所有图片

16、document.links：所有连接

17、document.scripts：所有脚本

18、document.title：文档名字

19、document.querySelector（）：指定css中的元素

20、document.getElementById（）：id

21、document.getElementsByClassName（）：class

22、document.getElementsByTagName（）：标签元素

23、document.getElementsByName（）：name属性

24、document.querySelectorAll（）：返回集合

创建节点

1、document.createElement() ：创建元素节点

2、document.creatTextNode()：文本节点

3、document.createAttribute() ：属性节点

4、p.setAttributeNode：添加一个属性节点

5、appendChild（）

动态生成标签元素

var p = document.createElement("p");        //参数为标签名

var text = document.createTextNode("lalala");     //创建文本节点，参数为写入的文本

p.appendChild(text);   //将文本放入p标签

document.body.appendChild(p);

js操作css

1、HTML中的style

getAttribute（“”）：读取

setAttribute（“style”,"color:red;"）：写入

removeAttribute（“”）：删除

2、Element中的style

var div = document.querySelectror("div").style;

div.backgroundColor='red';

div.cssText = 'background-color:red';

div = "";  ：删除