你知道如何控制每一個(gè)頁面元素嗎，這里向大家簡單介紹一下DHTML和JS中頁面元素的識(shí)別控制，相信你一定會(huì)感興趣的。

DHTML和JS中頁面元素的識(shí)別控制

在動(dòng)態(tài)網(wǎng)頁制作過程中，經(jīng)常需要對(duì)相應(yīng)的頁面元素進(jìn)行相應(yīng)的操作，這就需要我們能夠準(zhǔn)確的控制每一個(gè)頁面元素。

　　一般網(wǎng)頁中的元素，都可以用多種方式來標(biāo)識(shí)，例如可以通過上下文關(guān)系識(shí)別，或者觸發(fā)元素識(shí)別，等等。

　　網(wǎng)頁中最常用的元素標(biāo)識(shí)方法有三種，它們是ID、CLASS和NAME，表示給單個(gè)元素標(biāo)識(shí)，而CLASS用于給同類型的命名，而NAME給一般元素命名。

例如，可以在如下命名：

　　＜imgid="pic"src=".."＞  
　?。?/span>spanname="kuai"＞＜/span＞  
　?。?/span>divclass="layer"＞＜/div＞ 

　　當(dāng)我們在JAVASCRIPT中調(diào)用這些元素時(shí)，就可以用document.all.pic、document.all.kuai來識(shí)別了。

　　一般情況下，一個(gè)名稱只用于一個(gè)元素的命名，但也不完全如此，有時(shí)候同一類型的元素要同樣的效果，不僅可以用CLASS來標(biāo)識(shí)，還可以用ID或者NAME標(biāo)識(shí)，引用時(shí)就可以對(duì)全部同樣的ID和NAME一起操作了。
但這樣就帶來一個(gè)問題，如何識(shí)別其中的某一個(gè)元素。

　　這種情況下的識(shí)別和單一命名識(shí)別的區(qū)別在于加上數(shù)字索引，如前面的pic也可以用document.all.pic[1]來識(shí)別，其他的就按照它們在頁面中出現(xiàn)的順序來用相應(yīng)的數(shù)字識(shí)別。

　　很多情況下，是由相應(yīng)的事件觸發(fā)了控制函數(shù)，我們就可能會(huì)用到引發(fā)事件的元素，這時(shí)可以用eventElement來識(shí)別，它代表的就是觸發(fā)事件的哪個(gè)元素。

　　同時(shí)，還可以用parentElement和childrenElement來識(shí)別觸發(fā)事件元素的上級(jí)元素和下級(jí)元素。
　　當(dāng)用eventElement獲得一個(gè)觸發(fā)元素后，我們還可以獲得它的標(biāo)識(shí)名稱。例如，用eventElement.tagName獲得的是元素的HTML標(biāo)識(shí)名，用eventElement.id獲得的是元素的名字，用eventElement.name獲得的是元素的name名稱。

【編輯推薦】

1. 解析JS中定義Function的兩種實(shí)用方法
2. JS中Array數(shù)組的三大屬性用法揭秘
3. prototype.js的Ajax對(duì)IE8兼容問題解決方案
4. 詳解JS中event使用方法
5. JavaScript調(diào)試工具解決IE6等多版本共存問題