您好,登錄后才能下訂單哦!
這期內容當中小編將會給大家帶來有關如何識別控制DHTML和JS中的頁面元素,文章內容豐富且以專業的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
你知道如何控制每一個頁面元素嗎,這里向大家簡單介紹一下DHTML和JS中頁面元素的識別控制,相信你一定會感興趣的。
DHTML和JS中頁面元素的識別控制
在動態網頁制作過程中,經常需要對相應的頁面元素進行相應的操作,這就需要我們能夠準確的控制每一個頁面元素。
一般網頁中的元素,都可以用多種方式來標識,例如可以通過上下文關系識別,或者觸發元素識別,等等。
網頁中最常用的元素標識方法有三種,它們是ID、CLASS和NAME,表示給單個元素標識,而CLASS用于給同類型的命名,而NAME給一般元素命名。
例如,可以在如下命名:
<imgid="pic"src=".."> <spanname="kuai"></span> <divclass="layer"></div>
當我們在JAVASCRIPT中調用這些元素時,就可以用document.all.pic、document.all.kuai來識別了。
一般情況下,一個名稱只用于一個元素的命名,但也不完全如此,有時候同一類型的元素要同樣的效果,不僅可以用CLASS來標識,還可以用ID或者NAME標識,引用時就可以對全部同樣的ID和NAME一起操作了。
但這樣就帶來一個問題,如何識別其中的某一個元素。
這種情況下的識別和單一命名識別的區別在于加上數字索引,如前面的pic也可以用document.all.pic[1]來識別,其他的就按照它們在頁面中出現的順序來用相應的數字識別。
很多情況下,是由相應的事件觸發了控制函數,我們就可能會用到引發事件的元素,這時可以用eventElement來識別,它代表的就是觸發事件的哪個元素。
同時,還可以用parentElement和childrenElement來識別觸發事件元素的上級元素和下級元素。
當用eventElement獲得一個觸發元素后,我們還可以獲得它的標識名稱。例如,用eventElement.tagName獲得的是元素的HTML標識名,用eventElement.id獲得的是元素的名字,用eventElement.name獲得的是元素的name名稱。
上述就是小編為大家分享的如何識別控制DHTML和JS中的頁面元素了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關知識,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。