JS中Document节点总结

随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666)

from：https://www.cnblogs.com/iwebkit/p/6999354.html

　document对象是documentHTML的一个实例，也是window对象的一个属性，因此可以将document对象作为一个全局对象来访问。

　　Document节点的子节点可以是DocumentType，Element，ProcessingInstruction或Comment。ProcessingInstruction 对象可表示处理指令。这个不常用的接口表示 XML 文档中的一个处理指令（或 PI）。使用 HTML 文档的程序设计者不会遇到 ProcessingInstruction 节点，所以就不多介绍了，DocumentType我们可以通过doctype属性来访问他的信息。Comment作为注释也不多说了，这里只说一下Element。

　　1.html元素和body元素

　　document.documentElement来获取html元素，document.body来获取body元素。

　　2.文档信息

　　document.title获取文档标题。

　　document.URL属性包含页面完整的URL比如：{协议}：//{用户名}:{密码}@{主机名}:{端口号}/{路径}/{文件}?{参数}

　　document.domain属性只包括页面的域名。

　　document.referrer属性是从什么页面跳到当前页面的。

　　3.获取元素

　　　　1)getElementById();

　　　　2)getElementsByTagName();

　　　　3)getElementsByName();

　　　　4)getElementsByClassName();

　　　　5)querySelector();获取单个元素，()中可以是css选择器的标准形式兼容到css2.

　　　　6)querySelectorAll();获取元素集合，()中可以是css选择器的标准形式兼容到css2.

　　4.特殊集合

　　　　1)document.anchors:包含文档中所有带那么特性的<a>元素。

　　　　2)document.forms:包含文档中所有的<img>元素，与document.getElementByTagName("form")的到的结果相同。

　　　　3)document.images:包含文档中所有的<img>元素，与document.getElementByTagName("img")的到的结果相同。

　　　　4.document.links:包含文档中所有带href特性的<a>元素。

　　5.文档写入

　　　　1)write():按原样写入。

　　　　2)writeln():在字符串的末尾添加一个换行符。

　　　　3)open():打开网页的输出流。

　　　　4)close():关闭网页的输出流。