首頁 >web前端 >js教程 >如何使用屬性值來尋找 DOM 元素?

如何使用屬性值來尋找 DOM 元素?

Barbara Streisand
Barbara Streisand原創
2024-12-04 15:01:141006瀏覽

How Can I Find DOM Elements Using Attribute Values?

透過屬性值找出 DOM 元素

你能告訴我是否有任何 DOM API可以搜尋具有給定屬性名稱的元素和屬性值:

某物例如:

doc.findElementByAttribute("myAttribute", "aValue");

現代瀏覽器支援本機querySelectorAll,讓您執行:

document.querySelectorAll('[data-foo="value"]');

查看此文件以了解更多詳細資訊:https://developer.mozilla.org/en- US/docs/Web/API/Document.querySelectorAll

用於瀏覽器相容性資訊:

  • http://quirksmode.o rg/dom/core/#t14
  • http://caniuse.com/queryselector

對於過時的瀏覽器(IE9及更早版本),您可以使用jQuery:

$('[data-foo="value"]');

以上是如何使用屬性值來尋找 DOM 元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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