如何根據屬性值高效率定位DOM元素？

根據屬性值定位 DOM 中的元素

在 Web 開發中，經常需要根據特定的屬性值存取文件物件模型 (DOM) 中的元素。

原生 DOM API 方法

現代瀏覽器提供 querySelectorAll方法，它允許您使用類似 CSS 的選擇器來搜尋元素。若要根據屬性值尋找元素，請使用下列語法：

document.querySelectorAll('[attribute-name="attribute-value"]');

例如，要尋找data-foo 屬性設定為「value」的所有元素：

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

請注意，此方法有瀏覽器相容性限制（詳細資訊請參閱下面的參考資料）。

jQuery 替代方案

如果您需要支援較舊的瀏覽器（IE9及以下），您可以使用jQuery 庫：

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

相容性資訊

相容性>

• [Quirksmode DOM 核心文件](http://quirksmode.org/ dom/core/#t14)
• [我可以使用 querySelector 相容性嗎表](http://caniuse.com/queryselector)

以上是如何根據屬性值高效率定位DOM元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！