javascript - Wie erhalte ich mit js alle Attributnamen eines IMG-Tag-Knotens?

Question

<img src="" alt="1223" src="hha"/>
<img src=".."/>

Angenommen, es gibt viele IMG-Tags mit einer ähnlichen Struktur wie oben, aber die Anzahl der Attribute jedes IMG-Tags ist unbekannt (dh einige haben möglicherweise nur ein SRC-Attribut). So erhalten Sie alle Attributnamen jedes IMG-Tags (kein Attributwert)?

Answer 1

https://developer.mozilla.org...

Answer 2

[].map.call(document.querySelector(Selector).attributes, (item) => {return item.name})

Answer 3

// html为 <p class="ha" id="pEle"></p>
var pEle = document.querySelector('#pEle');  //得到数组
var attrs = pEle.attributes;  //得到所有属性
var attrsArray = Array.prototype.slice.call(attrs);      //转换为数组形式
console.log(attrsArray);    // [class,id]

Answer 4

使用 ES6 的对象展开：

[...document.querySelector('selector').attributes]