DOM——JS基礎知識（四）

標籤：

一、JavaScript的三個重要組成部分

（1）ECMAScript（歐洲電腦製造商協會）

　　制定JS的規範

（2）DOM（文件物件模型）重點學習對象

　　處理網頁內容的方法和介面

（3）BOM（瀏覽器物件模型）  存在相容性問題

　　與瀏覽器進行互動的方法和介面

1、DOM定義

　　為js操作html元素而制定的規範，DOM樹如

2、節點

　　整個文檔是一個文檔節點

　　每一個標籤是一個元素節點

　　標籤中的文字是一個文位元組點

　　標籤中的屬性是一個屬性節點

3、訪問節點的方法

　　getElementById();

　　getElementsByTagName();

　　getElementsByClassName();有相容性問題，所以我們要自己封裝一個擷取class類的方法

4、封裝自己的擷取class類的方法

　　原理：其實就是遍曆文檔中的所有標籤，從這些標籤中找到與自己class類一樣的類。

　　相容性問題：就是getElementsByClassName();有相容性問題，但是我們在進階瀏覽器中還是可以用的

　　代碼：

function getClass(classname) {    //如果瀏覽器支援這個方法，我們還是不要浪費他的高效能，盡量使用    if (document.getElementsByClassName) {        return document.getElementsByClassName(classname);    }    //如果不能使用    var arr = [];    var dom = document.getElementsByTagName("*");    for (var i = 0; i < dom.length; i++) {        if (dom[i].className == classname) {            arr.push(dom[i]);        }    }    return arr;}

 

　　

DOM——JS基礎知識（四）