[原]DOM編程藝術(shù)2-獲取元素

在之前我們提到了節(jié)點,節(jié)點很重要,只有理解了節(jié)點我們才能對節(jié)點進(jìn)行操作

一、獲取元素節(jié)點的方法

document.getElementById("id") //(返回一個對象)
document.getElementsByTagName("tag") //(返回一個對象數(shù)組)
document.getElementsByClassName("classname")//(返回一個對象數(shù)組)

獲取一個節(jié)點后,其實我們就得到了一個對象或者一個對象數(shù)組,我們可以對對象進(jìn)行各種處理,JS已經(jīng)對對象進(jìn)行了各種屬性和方法的封裝,比如,length,getAttribute,setAttribute, 等等

比較重要的知識點:

  1. 一份文檔(document)就是一顆節(jié)點樹
  2. 節(jié)點分為不同的類型:元素節(jié)點,屬性節(jié)點,文本節(jié)點等
  3. 每一個節(jié)點都是一個對象。

通過元素的屬性nodeType可以獲取到節(jié)點類型,alert后打印的是1,2,3

  1. 代表元素節(jié)點
  2. 代表屬性節(jié)點
  3. 代表文本節(jié)點
    通過元素的屬性nodeValue可以獲取到節(jié)點的值
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容