ホームページ >ウェブフロントエンド >jsチュートリアル >属性値を使用して DOM 要素を検索するにはどうすればよいですか?

属性値を使用して DOM 要素を検索するにはどうすればよいですか?

Barbara Streisand
Barbara Streisandオリジナル
2024-12-04 15:01:14980ブラウズ

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.org/dom/core/#t14
  • http://caniuse.com/queryselector

について古いブラウザ (IE9 以前) の場合は、jQuery を使用できます:

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

以上が属性値を使用して DOM 要素を検索するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。