js 獲取dom元素方法

2021-09-22 19:37:32 字數 1203 閱讀 1309

js 獲取dom元素的八種方法

通過id獲取(getelementbyid)

通過name屬性(getelementsbyname)

通過標籤名(getelementsbytagname)

通過類名(getelementsbyclassname)

通過選擇器獲取乙個元素(queryselector)

通過選擇器獲取一組元素(queryselectorall)

獲取html的方法(document.documentelement)

document.documentelement是專門獲取html這個標籤的

獲取body的方法(document.body)

1.通過id獲取(getelementbyid)

document.getelementbyid(『id』)

1上下文必須是document。

必須傳引數,引數是string型別,是獲取元素的id。

返回值只獲取到乙個元素,沒有找到返回null。

2.通過name屬性(getelementsbyname)

document.getelementsbyname(『name』)

1上下文必須是document。內容

必須傳引數,引數是是獲取元素的name屬性。

返回值是乙個類陣列,沒有找到返回空陣列。

3.通過標籤名(getelementsbytagname)

var obj = document.getelementsbytagname(『div』);

for(let i = 0; i上下文可以是document,也可以是乙個元素,注意這個元素一定要存在。

引數是是獲取元素的標籤名屬性,不區分大小寫。

返回值是乙個類陣列,沒有找到返回空陣列。

4.通過類名(getelementsbyclassname)

上下文可以是document,也可以是乙個元素。

引數是元素的類名。

返回值是乙個類陣列,沒有找到返回空陣列。

5.通過選擇器獲取乙個元素(queryselector)

document.queryselector(』.animated』)

1上下文可以是document,也可以是乙個元素。

引數是選擇器,如:」div .classname」。

返回值只獲取到第乙個元素。

6.通過選擇器獲取一組元素(queryselectorall)

JS 獲取dom元素

box class one name bbb style width 100px height 100px background color pink div1div box1 class one div1div box2 class one div1div 通過 id來獲取元素 var box d...

原生JS獲取DOM元素的方法

js獲取dom元素的方法 8種 通過id獲取 getelementbyid 通過name屬性 getelementsbyname 通過標籤名 getelementsbytagname 通過類名 getelementsbyclassname 通過選擇器獲取乙個元素 queryselector 通過選擇...

js 獲取DOM元素樣式

html的樣式寫入方法有 1 行內樣式 2 內嵌樣式 3 外聯樣式表。行內樣式 一般是用style寫在dom元素上的,例如 內嵌樣式 一般是用style寫在head標籤內的。外聯樣式 一般是用link標籤或者是import引入的。但import引入的時候一定要放在style標籤內。獲採樣式 一 el...