Document 对象

每个载入浏览器的 HTML 文档都会成为 Document 对象。

Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

HTML DOM Document 对象

文档对象代表您的网页。

如果您希望访问 HTML 页面中的任何元素，那么您总是从访问 document 对象开始。

Document 对象是是window对象的一个属性，因此可以将document对象作为一个全局对象来访问。当浏览器载入 HTML 文档, 它就会成为 Document 对象。

Document对象的 属性和方法

1.html元素和body对象

　　document.documentElement  获取html元素，文档的根节点

　　document.body  获取文档的body元素

2.文档信息

　　document.title    获取文档标题<title>My title</title>

　　document.URL    返回文档完整的URL比如：{协议}：//{用户名}:{密码}@{主机名}:{端口号}/{路径}/{文件}?{参数}

　　document.domain    返回当前文档的域名。

　　document.referrer    返回载入当前页面的URL

3.获取元素--Element

　　getElementById();

　　getElementsByTagName();    标签

　　getElementsByName();    name

　　getElementsByClassName();

　　querySelector();    获取匹配的第一个元素！ ()中可以是css选择器的标准形式兼容到css2.  ( id, 类, 类型, 属性, 属性值)。

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

 4.文档写入

　　write()    向文档写 HTML 表达式 或 JavaScript 代码。

　　open()    打开一个流，用来收集来自任何write()或writeln()方法的输出。

　　close()    关闭输入流，并显示数据

5.特殊集合

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

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

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

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

6.其他

　　document.addEventListener()    向文档添加句柄

　　removeEventListener() 

　　document.cookie()    设置或返回与当前文档有关的所有cookie

　　createElement()     创建元素节点

　　createTextNode()    创建文本节点