jsDOM操作之獲取元素

2021-10-10 06:05:41 字數 901 閱讀 3417

document.getelementbyid(idname)
document.getelementsbytagname(tagname)   // 返回乙個集合 (類陣列物件)  從整個文件獲取

element.getelementsbytagname(tagname) // 從element的後代元素中獲取

document.getelementsbyclassname(classname)   // 返回乙個集合(類陣列物件)  從整個文件獲取

element.getelementsbyclassname(classname) // 從element的後代中獲取

需要 ie9 以上瀏覽器支援!

document.getelementsbyname()  //返回集合  只有document才有該方法
document.queryselector(選擇器)   //選擇器第乙個滿足選擇器條件的

document.queryselectorall(選擇器) //選擇所有滿足選擇器條件的,返回nodelist(類陣列物件)

element.queryselector(選擇器)

element.queryselectorall(選擇器)

需要 ie8 以上瀏覽器支援!

比較推薦這種用法。

document.all  //所有的元素組成的集合(類陣列物件)
的妙用

if (document.all) else

js dom元素獲取

通過id獲取 getelementbyid document.getelementbyid id 上下文必須是document。必須傳引數,引數是string型別,是獲取元素的id。返回值只獲取到乙個元素,沒有找到返回null。通過name屬性 getelementsbyname document....

js dom元素的選取

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

js DOM模型操作

dom模型中的節點 元素節點 文字節點 屬性節點 例 私 dotnet小屋 1 a是元素節點 2 私 dotnet小屋 是文字節點 3 href 是屬性節點 dom節點的屬性 nodename string 節點名稱,根據節點的型別而定義 nodevalue string 節點的值,根據節點的型別而...