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> 元素。