總結取得元素的方式
#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中文網其他相關文章!