​x
 
<!DOCTYPE html>
<html>
<body>
​
<h1>HTML DOM 属性</h1>
​
<h2>length 属性</h2>
​
<img id="myImg" alt="Flower" src="/i/photo/tulip.jpg" width="300" height="300">
​
<p>图片有这些属性：</p>
​
<p id="demo"></p>
​
<script>
const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
  text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
​
</body>
</html>
​