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

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

Barbara Streisand
リリース: 2024-12-04 15:01:14
オリジナル
974 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート