js dom元素獲取

2021-10-03 15:38:34 字數 1080 閱讀 4554

通過id獲取(getelementbyid)

document.getelementbyid('id')
上下文必須是document。

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

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

通過name屬性(getelementsbyname)

document.getelementsbyname('name')
上下文必須是document。內容

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

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

通過標籤名(getelementsbytagname)

var obj = document.getelementsbytagname('div');

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

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

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

通過類名(getelementsbyclassname)var obj1 = document.getelementsbyclassname('animated')

// console.log

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

引數是元素的類名。

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

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

document.queryselector('.animated')
上下文可以是document,也可以是乙個元素。

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

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

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

document.queryselector('.animated')
上下文可以是document,也可以是乙個元素。

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

返回值是乙個類陣列。

jsDOM操作之獲取元素

document.getelementbyid idname document.getelementsbytagname tagname 返回乙個集合 類陣列物件 從整個文件獲取 element.getelementsbytagname tagname 從element的後代元素中獲取documen...

js dom元素的選取

1.獲取節點 根據元素id獲取元素document.getelementbyid 元素id 值是乙個object 根據元素name獲取元素document.getelementbyname 元素的name 值是乙個object 根據元素標籤獲取獲取元素document.getelementbytag...

JS DOM常見獲取物件的方式

獲取html標籤物件 document.documentelement 獲取body標籤物件 document.body 獲取title內容 document.title 根據id屬性的值獲取元素,返回來的是乙個元素物件 document.getelementbyid id屬性的值 根據標籤名字獲取...