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

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

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

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

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

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

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 プロパティを利用します。

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 ライブラリを使用してプロセスを簡素化できます。

var attrs = $("#someId").prop("attributes");
for (var i = 0; i < attrs.length; i++){
    console.log(attrs[i].nodeName + ": " + attrs[i].value);
}
ログイン後にコピー

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

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

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