HTML5一DOM相關的API

1.getelementsbyclassname():接受乙個引數，返回帶有指定類的所有元素的nodelist。傳入多個類名時，類名的先後順序不重要。

2.classlist：每個元素都有乙個classlist屬性，它是domtokenlist的例項，以集合的形式表示元素的class屬性的值，它有如下方法：

add(value)：將給定的字串新增到列表中，如果已存在，就不新增了。

contains(value)：列表中是否存在給定的值，如存在則返回true，否則返回false。

remove(value)：從列表中刪除給定的字串。

toggle(value)：如果列表已存在給定的值，刪除它；如果列表中沒有給定的值，新增他。

3.焦點管理

document.activeelement：這個屬性始終引用dom中當前獲得了焦點的元素。

var o = document.getelementbyid_x_x_x_x_x_x_x_x_x('name');

o.focus();

alert(document.activeelement ==o)); //true

document.hasfoucs():判斷文件是否獲得了焦點。

var o = document.getelementbyid_x_x_x_x_x_x_x_x_x('name');

o.focus();

alert(document.hasfoucs()); //true

4.document.readystate：document物件的readystate屬性，表示當前文件的載入狀態，它有兩個可能的值。

loading：正在載入文件；

complete：已經載入完文件。

5.document.compatmode：document物件的compatmode屬性，表示當前瀏覽器採用哪種渲染模式：在標準模式下，document.compatmode的值等於'css1compat';在混雜模式下，它的值等於'backcompat'。

6.document.head：引用文件的head元素。

var head =document.head||document.getelementsbytagname('head')[0];

7.字符集屬性

document.charset：表示文件中實際使用的編碼級；

document.defaultcharset：根據瀏覽器及作業系統的設定，當前文件預設的編碼級。

如果文件沒有使用預設的編碼級，則charset和defaultcharset屬性的值可能會不一樣。

8.自定義屬性：html5規定可以新增非標準的屬性，但要新增字首data-，目的是為元素提供與渲染無關的資訊，或者提供語義資訊。

新增完自定義屬性後，可以通過元素的dataset屬性來訪問自定義屬性的值。dataset屬性的值是domstringmap的乙個例項，也就是乙個名值對的對映。在這個對映中，每個data-name形式的屬性都會有乙個對應的屬性，只不過屬性名沒有data-字首。

var div =document.getelementbyid_x_x_x_x_x_x_x_x_x('div');

alert(div.dataset.class); //hello

alert(div.dataset.id); //world