生成html頁面時,js已經創建了dom樹。
只要這個樹上有數據,我們就可以通過js獲取。
那麽問題就變成了js如何查詢dom樹的節點。
Js有查詢節點的內置方法,如下所示。
文檔。getElementByid(" id ")//通過ID獲取壹個dom元素。
文檔。getelementsbyname(" name ")//通過name屬性獲取集合。
文檔。getelementsbytagname(" tag ")//通過標記獲取集合。
如果要搜索的元素有自己的id,可以通過第壹種方法直接獲得。當我們得到這個dom節點時,我們可以輸出它的壹系列數據。
舉個栗子
var DOM = document . getelementbyid(" id ");
//如果是圖片
alert(DOM . src);
//如果dom有壹個類
alert(DOM . class name);
//如果dom有值。
alert(DOM . value);
//如果dom有文本,
alert(DOM . innerhtml);
//輸出dom的樣式
alert(DOM . style . width);
//以此類推
當dom沒有id時,我們不得不依靠壹些條件來找到我們想要的dom。
//查找所有具有粗體類的div。
var c = document . getelementsbytagname(" div "),len = c.length,r =[];
for(var I = 0;我& ltleni++){
if(c[i].){
r . push(c[I]);
}
}
//得到這些dom節點後,可以繼續通過上述方法訪問每個dom的數據。