Code Thuộc tính attributes trong JavaScript

Trình soạn thảo - Code Thuộc tính attributes trong JavaScript

Kết quả - Code Thuộc tính attributes trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính attributes trong JavaScript</title>
</head>
<body>

<h1>Code Thuộc tính attributes trong JavaScript</h1>
<p>Dùng để lấy tên các thuộc tính có trên phần tử HTML và số thuộc tính có trên phần tử HTML, ngoài ra còn có các phương thức để tương tác với thuộc tính như: lấy giá trị thuộc tính ta dùng phương thức getAttribute(), thay đổi giá trị thuộc tính sử dụng phương thức setAttribute():</p>

<img id="hinhid" src="https://webmoi.vn/thumb/54x55/2/media/images/logo-web-moi.png" width="54" height="55" alt="Web Mới" title="Công ty Web Mới" style="display: block;clear: both;margin-bottom: 10px;">
<script>
let hinhid = document.getElementById("hinhid");
let list = document.getElementById("hinhid").attributes;
for (let i = 0; i < list.length; i++) {
  var thuoctinh = list[i].name;
  document.write(thuoctinh+": "+hinhid.getAttribute(thuoctinh)+"<br>");
}
</script>
</body>
</html>