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

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