转行前段自我学习记录——DOM文档对象模型

1、DOM文档对象模型中，最基本的类型是Document与Element引用类型。document是HTMLDocument对象一个实例，HTMLDocument直接继承自Document。

2、document继承了一些直接访问HTML元素的属性，其中document.body属性访问body元素，获得的元素引用是HTMLElement对象（其直接继承自Element对象），document.documentElement属性获取html元素，也为HTMLElement对象，document.images获取image元素,为HTMLCollection对象，document.forms获取所有form元素，为HTMLCollection对象，document.links获取所有<a href=''>元素。为HTMLCollection对象，

3、Element对象具有一些属性，可直接获取元素的某些属性值，如Id、className、title等属性值，例如通过target=document.getElementById得到HTMLElement对象，然后通过target.id得到ID的值。

4、document实例继承了访问元素的一些方法：getElementById（）取得HTMLElement对象，getElementsByTagName（）取得HTMLCollection对象，类似nodeList对象，HTMLCollection对象也有索引属性，通过索引值访问具体某个元素。Element对象也拥有getElementsByTagName（）方法，但getElementsByName（）是Document类型独有

5、获取得到的HTMLCollection对象有childNodes属性，属性集合为一个nodeList对象，单个的HTMLCollection对象比如childNodes[0]为HTMLElement对象，于是才有了获取ID等属性值的对象属性。

6、CSSStyleSheet类型继承自styleSheet类型，styleSheet类是Document类型的一个属性，于是可以通过document这个实例访问，如document.styleSheets返回文档中的所有样式表集合，包括<link>引入的及<style>引入的样式表。styleSheet对象有以下几点属性：href取得<link>引用地址，disabled设置是否禁用某个样式表（true or false），length属性获取样式表集合长度。

7、style是CSSStyleDeclaration对象实例，每个Element元素对象实例都绑定了一直style对象。可直接访问style特性（内联样式）定义的样式值。

8、HTML5为元素对象（Element）新增了classList属性，通过元素对象实例可以直接访问，classList为DOMTokenList实例。classList实例继承了基本操作元素类的方法：add（）、remove（）、toggle（）、contains（）。

HTML5为文档对象Document以及元素对象Element对象添加了一个获取元素的方法getElementsByClassName().返回HTMLCollection对象。