首頁 >web前端 >js教程 >js取得DOM元素的方式總結

js取得DOM元素的方式總結

angryTom
angryTom轉載
2019-12-11 17:28:113014瀏覽

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中文網其他相關文章!

陳述:
本文轉載於:cnblogs.com。如有侵權,請聯絡admin@php.cn刪除