js取得DOM元素的方式總結

總結取得元素的方式

#1. 依照id屬性的值取得元素,回傳的是一個元素物件

document.getElementById("id属性的值");
document.getElementById("btn");

 【相關課程推薦：JavaScript影片教學】  

2. 根據標籤名字取得元素,回傳的是一個偽數組,裡面保存了多個的DOM物件

document.getElementsByTagName("标签名字");
document.getElementsByTagName("li");

 

下面的幾個,有的瀏覽器不支援

3 . 根據name屬性的值取得元素,回傳的是一個偽數組,裡面保存了多個的DOM物件

document.getElementsByName("name属性的值")
document.getElementsByName("name1")

 

##4. 根據類別樣式的名字來取得元素,回傳的是一個偽數組,裡面保存了多個的DOM物件

document.getElementsByClassName("类样式的名字")
document.getElementsByClassName("cls")

 

5. 根據選擇器取得元素,回傳來的是一個元素物件

document.querySelector("选择器的名字");
document.querySelector("#btn"); //id，类，标签等选择器用的比较多

 6. 根據選擇器取得元素,返回來的是偽數組,裡面保存了多個的DOM物件

document.querySelectorAll("选择器的名字")

本文來自

js教學 欄目，歡迎學習！  

以上是js取得DOM元素的方式總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！