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

js取得DOM元素的方式總結

angryTom
發布: 2019-12-11 17:28:11
轉載
3090 人瀏覽過

js取得DOM元素的方式總結

總結取得元素的方式

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

1

2

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

document.getElementById("btn");

登入後複製

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

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

1

2

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

document.getElementsByTagName("li");

登入後複製

 

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

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

1

2

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

document.getElementsByName("name1")

登入後複製

 

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

1

2

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

document.getElementsByClassName("cls")

登入後複製

 

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

1

2

document.querySelector("选择器的名字");

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

登入後複製

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

1

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

登入後複製
本文來自

js教學 欄目,歡迎學習!  

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

相關標籤:
js
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
javascript - js addClass 無效
來自於 1970-01-01 08:00:00
0
0
0
php呼叫js並取得js的回傳值問題
來自於 1970-01-01 08:00:00
0
0
0
js進階教程
來自於 1970-01-01 08:00:00
0
0
0
找不到js檔案程式碼
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板