JavaScript/jQuery を使用してすべての HTML 要素の属性を取得するにはどうすればよいですか?

JavaScript/jQuery を使用して HTML 要素からすべての属性を取得する

この質問の目標は、指定された HTML 要素からすべての属性を取得することです。そしてそれらを配列に格納します。この要素には、getElementById などの既知のメソッドではアクセスできません。

DOM 属性の使用

DOM 属性を取得する最も簡単な方法は、要素自体の属性ノード リストを利用することです。 :

var el = document.getElementById("someId");
for (var i = 0, atts = el.attributes, n = atts.length, arr = []; i < n; i++){
    arr.push(atts[i].nodeName);
}

このアプローチでは属性のみが取得されますnames.

NodeValue の使用

属性名と値の両方を取得するには、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);
}

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