关于document对象的信息
什么是document对象
document对象指代的是我们当前访问的这个页面，可以通过这个页面访问当前页面上所有的大小中型的标签，也可以给他们设置特定的属性。
Document 对象
Document 对象参考手册
1、 document.getElementsByClassName(classname)
· 返回文档中所有指定类名的元素集合
· 多个class用空格隔开 document.getElementsByClassName("example color") 。只能匹配到 div class="example color"/div ，匹配不到 div class="example"/div
2、 document.getElementById(elementID)
· 返回指定 ID 的元素
3、 document.getElementsByName(name)
· 返回带有指定名称的对象的集合 input name="x" type="radio" value="狗"
4、 document.getElementsByTagName(tagname)
· 返回带有指定标签名的对象的集合
· 提示 ：参数值 "*" 返回文档的所有元素
5、 document.querySelector(CSS selectors)
· 返回文档中匹配指定 CSS 选择器的一个元素 document.querySelector("#demo");
6、 document.querySelectorAll(CSS selectors)
· 返回文档中匹配指定 CSS 选择器的所有元素的集合
7、 document.createAttribute(attributename)
· 用于创建一个指定名称的属性，并返回Attr 对象属性
8、 document.addEventListener(event, function, [useCapture])
· 用于向文档添加事件
· 提示 ：IE8- 使用 attachEvent()
9、 document.removeEventListener(event, function, [useCapture])
· 用于移除由 document.addEventListener() 方法添加的事件
· 注意 ：如果要移除事件句柄， addEventListener() 的执行函数必须使用 外部函数 。
document.removeEventListener("event", function(){ myScript }); 该事件是无法移除的
· 提示 ：IE8- 使用 detachEvent()
1、document.body
· 用于设置或返回文档体
· 如果是返回, 该属性返回当前文档的 body 元素。
· 如果是设置, 该属性会覆盖所有在 body 元素中的子元素, 并用新的内容来替换它
2、document.documentElement
· 以一个元素对象返回一个文档的文档元素，返回 html 元素。
JS中document对象和window对象有什么区别么？
一、指代不同
1、document对象：代表给定浏览器窗口中的 HTML 文档。
2、window对象：表示浏览器中打开的窗口。
二、作用不同
1、document对象：使用 document 对象可以对 HTML 文档进行检查、修改或添加内容，并处理该文档内部的事件。
2、window对象：浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。
三、使用方式不同
1、document对象：在 Web 页面上，document 对象可通过 window 对象的 document 属性引用，或者直接引用。
2、window对象：没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。
参考资料来源：百度百科-Window 对象
参考资料来源：百度百科-document对象
什么是document对象，如何获取文档对象上的元素
一、关于 Document?对象
Document 对象
每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。
二、如何获取文档对象上的元素
通过? document?获取网页元素，有多种方法，简述如下：
1、通常可以使用 getElementById、getElementByName?等方法：
示例代码：
function?alertValue()
{
??alert(document.getElementById("text1").value)
}
2、通过 document?对象的元素结合：
js中window对象和document对象的区别
1.window代表的是浏览器的窗口，是js中存在的全局对象，document代表的是文档对象，是HTMLDocument的实例，可以用来访问HTML页面中的所有元素,实现对页面结构的操作。
2.document是window的一个属性。
3.在全局作用域内声明的变量和方法都属于window对象，除了这些，也有很多window对象自身本来就有的属性和方法，比如name、history、self、location等属性，alert()、confirm()、open() 、close()等方法。
4.document是window的属性，但也有属于自己的属性和方法，比如bgColor、title、linkColor 、vlinkColor等属性，write()、createElement(Tag)、getElementById(ID)、getElementsByClassName(ClassName)等方法。