Code Phương thức getAttributeNode() trong JavaScript

Code Phương thức getAttributeNode() trong JavaScript

Code Phương thức getAttributeNode() trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Phương thức getAttributeNode() trong JavaScript</title>
<style>
#hinhid{width:100px;height:auto;float:left}
</style>
</head>
<body>

<h1>Code Phương thức getAttributeNode() trong JavaScript</h1>
<p>Phương thức getAttributeNode() trong JavaScript dùng để ép thuộc tính của phần tử HTML thành một đối tượng attr rồi lấy value từ đối tượng đó, phương thức này được cho là đã lỗi thời và khuyên nên dùng phương thức getAttribute():</p>

<img id="hinhid" src="https://webmoi.vn/media/images/logo-web-moi.png" alt="Web Mới" title="Công ty Web Mới" data-id="35"  >
<script>
const hinhid = document.getElementById('hinhid');
// Lấy các thuộc tính mặc định
document.write("src: "+hinhid.getAttributeNode("src").value+"<br>"); // Kết quả: https://webmoi.vn/media/images/logo-web-moi.png
document.write("alt: "+hinhid.getAttributeNode("alt").value+"<br>"); // Kết quả: Web Mới
document.write("title: "+hinhid.getAttributeNode("title").value+"<br>"); // Kết quả: Công ty Web Mới
// Lấy các thuộc tính tự tạo
document.write("data-id: "+hinhid.getAttributeNode("data-id").value+"<br>"); // Kết quả: 35
</script>
</body>
</html>
Code Phương thức getAttributeNode() trong JavaScript nằm trong bài viết Phương thức getAttributeNode() trong JavaScript