javascript - DOM で属性を反復処理する

Question

重複の可能性:
Javascript/jQuery を使用して HTML 要素からすべての属性を取得する

DOM 要素のすべての属性を取得する必要があります。メソッドは見たことgetAttribute()がありますが、事前に属性の名前がわかりません。を使用getElementById()して要素を取得する場合、その要素のすべての属性とその値にアクセスするにはどうすればよいですか?

Answer 1

各 DOM ノードにはattributesプロパティがあり、これは NamedNodeMap (基本的に、いくつかの追加機能を備えた配列) です。elem.attributes.length特に、これはそれらを取得してループできることを意味します。

個々の属性は Attr オブジェクトであり、(とりわけ)プロパティnameとvalueプロパティを持ちます。

IE7 以下には、実際に要素上にあるかどうかに関係なく、定義できる可能性のあるすべての属性 (全部で 84) のリストがあることに注意してください。属性値を実際に含める前に、誤った値がないか簡単にチェックすることをお勧めします。