id和class名獲取DOM元素的區別?

2021-09-25 08:23:08 字數 612 閱讀 1306

1.通過id獲取dom元素的方法:document.getelementbyid(「id名」)

2.通過class獲取dom元素的方法:document.getelementsbyclassname(「class名」)

document.getelementbyid("id名")

document.getelementsbyclassname("class名")

從函式的名字可以知道,通過getelementsbyclassname獲取到的是乙個陣列,包括多個dom元素,所以要執行dom元素的方法,必須加乙個索引,比如document.getelementsbyclassname(「class名」)[0]。

而由於id是唯一的,所以通過getelementbyid只有乙個dom元素,可以直接呼叫dom方法。

比如隱然dom元素

1、document.getelementbyid("id名").style.display="none"

2、document.getelementsbyclassname("class名")[0].style.display="none"

自己試一下列印出來就可以看到倆者的區別

ID和CLASS的區別

在編寫外部css過程中,經常會會用到id與class屬性,即使用點號 建立class選擇器,使用hash符號 建立id選擇器。id是不能重複的,所以在xhtml的結構中,大結構一定是用id。比如標誌 導航 主體內容 版權。id需要具有唯一性,並且盡量在外圍使用。而class具有可重複性,並且盡量在結...

獲取id元素 DOM元素節點獲取方法

1dom dom全稱是document object model,也叫文件物件模型,這裡document是指從開始到結束的這一部分,window視窗下載入網頁的部分就是dom。dom節點型別分為元素節點,屬性節點和文字節點。如 div文字 元素節點就是 2dom元素節點獲取方法2.1document...

DIV CSS學習 關於ID和CLASS

div css學習 關於id和class 中國網管論壇 在這裡我們有到id和class,那麼有的朋友就要問了,究竟什麼情況下用id,什麼情況下用class呢?id,表示的是唯一性,並且在這個頁面中只會出現一次,我們用它來表示布局的結構 class,表示一組 類 或乙個具有同樣性質的元素,它們可以共用...