Document ：表示当前页面
由于HTML在浏览器中以DOM形式表示为树形结构，document对象就是整个DOM树的根节点。
一、方法
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> 元素。
网友评论