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

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

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

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

<h1>Code Phương thức setAttribute() trong JavaScript</h1>
<p>Phương thức setAttribute() trong JavaScript dùng để thay thế giá trị của một thuộc tính trong một thẻ HTML, ở ví dụ này mình thay thế giá trị của thuộc tính src sau khi người dùng hover vào hình:</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-hover="https://webmoi.vn/upload/tinblog/phuong-thuc-setattribute-trong-javascript.jpg"  >
<script>
var hinhid = document.getElementById('hinhid');
var src = hinhid.getAttribute('src');
var datahover = hinhid.getAttribute('data-hover');
// rê chuột vào
hinhid.addEventListener('mouseover', function(){
 hinhid.setAttribute("src", datahover);
});
// bỏ chuột ra
hinhid.addEventListener('mouseout', function(){
 hinhid.setAttribute("src", src);
});
</script>
</body>
</html>
Code Phương thức setAttribute() trong JavaScript nằm trong bài viết Phương thức setAttribute() trong JavaScript