首頁  >  文章  >  web前端  >  JavaScript定位元素的方法有哪些

JavaScript定位元素的方法有哪些

WBOY
WBOY原創
2021-12-28 18:19:455783瀏覽

定位元素的方法:1、利用getElementById("id");2、利用「name」;3、利用「元素標籤名稱」;4、利用「class」;5、利用「css選擇器」。

JavaScript定位元素的方法有哪些

本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。

JavaScript定位元素的方法有哪些

#除了id是定位到的是單一element元素對象,其它的都是elements回傳的是list物件

  • 1.透過id取得

#document.getElementById(“id”)

  • 2.透過name取得

 document.getElementsByName(“Name”)

的是list

  • 3 .透過標籤名稱選取元素

document.getElementsByTagName(“tag”)

  • 4.透過CLASS類別選取元素

document.getElementsByClassName(“class”)

相容性:IE8及其以下版本的瀏覽器未實作getElementsByClassName方法

  • #5.透過CSS選擇器選取元素

document.querySelectorAll(“css selector")

【相關推薦:javascript學習教學

以上是JavaScript定位元素的方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn