document其它属性

document其它属性：

1、charset：获取当前文档的字符编码格式

2、readyState：代表当前文档所处的一个状态

• loading：代表html页面处于加载状态
• interactive：代表外部资源加载的过程
• complete：页面加载完成

3、anchors：获取到带有name属性的a标签。返回的是一个集合，不是数组，拥有length属性，可以通过下标去访问

4、links：获取到带有href属性的a标签

5、forms：获取到当前页面的所有表单

6、images：获取所有的image标签

7、scripts：返回所有的script标签

8、document.title：用于获取或设置文档的标题。如果存在，它的默认为 <title> 的值。

document.xxx去获取页面中的元素

1、document.getElementById()　获取到一个具体的元素，如果没有获取到对应的元素返回null；当id在html中重复出现（html并不会给我们报错），我们只能获取到第一个id为对应值的元素获取到的DOM节点

2、document.getElementsByName()　根据name属性来获取元素；获取的是一个nodeList的集合（类数组对象）

3、document.getElementsByTagName()　根据标签名（元素名）来获取页面中的元素；获取的是一个nodeList的集合（类数组对象）

4、document.getElementsByClassName()　根据class名获取元素，这个东西在ie8及以下不支持（不考虑IE低版本的可以放心使用）

5、document.querySelector(cssquery)　只能找到符合要求的第一个元素

console.log(document.querySelector("form input"));

6、document.querySelectorAll(cssquery)　返回符合选择器的所有元素的集合

console.log(document.querySelectorAll("form input"));

jq连缀写法：

console.log(document.getElementsByTagName("form").item(0).getElementsByTagName("button"));

获取当前元素的class属性值（可读可写）

className：获取元素的class属性值

所有的浏览器都支持该属性

如果没有该属性值则返回“”

注意：在写入的时候是一个覆写操作，会覆盖原本的值

document.getElementById("box").className += "pox";