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

js取得DOM元素的方式總結

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

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

相關標籤:
js
來源:cnblogs.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板