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

JavaScript または jQuery を使用して HTML 要素から属性値を抽出するにはどうすればよいですか?

DDD
リリース: 2024-12-04 05:27:10
オリジナル
371 人が閲覧しました

How Can I Extract Attribute Values from HTML Elements Using JavaScript or jQuery?

JavaScript/jQuery を使用して HTML 要素から属性値を抽出する

HTML 要素からすべての属性を配列として取得するには、いくつかの方法を使用します。 。 1 つのオプションは、属性ノード リストを直接利用することです。

1

2

3

4

var el = document.getElementById("someId");

for (var i = 0, atts = el.attributes, n = atts.length, arr = []; i < n; i++){

    arr.push(atts[i].nodeName);

}

ログイン後にコピー

このメソッドは属性名のみを取得します。対応する値を取得するには、nodeValue プロパティを利用します。

1

2

3

4

5

6

var nodes=[], values=[];

for (var att, i = 0, atts = el.attributes, n = atts.length; i < n; i++){

    att = atts[i];

    nodes.push(att.nodeName);

    values.push(att.nodeValue);

}

ログイン後にコピー

または、jQuery ライブラリを使用してプロセスを簡素化できます。

1

2

3

4

var attrs = $("#someId").prop("attributes");

for (var i = 0; i < attrs.length; i++){

    console.log(attrs[i].nodeName + ": " + attrs[i].value);

}

ログイン後にコピー

このメソッドは、属性名と値の両方を提供します。ユーザーフレンドリーな形式で。さらに、要素に直接アクセスする際に問題が発生した場合は、jQuery.contents() メソッドを利用して要素のコンテンツを取得できます:

1

2

3

4

var content = $("#someId").contents();

for (var i = 0, atts = content.prop("attributes"), n = atts.length, arr = []; i < n; i++){

    arr.push(atts[i].nodeName);

}

ログイン後にコピー

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

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