![js取得DOM元素的方式總結](https://img.php.cn/upload/article/000/000/040/5df0b5dee820d633.jpg)
總結取得元素的方式
#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" );
|
登入後複製
6. 根據選擇器取得元素,返回來的是偽數組,裡面保存了多個的DOM物件
1 | document.querySelectorAll( "选择器的名字" )
|
登入後複製
本文來自
js教學 欄目,歡迎學習!
以上是js取得DOM元素的方式總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!