<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Sự kiện onmouseover gắn trực tiếp trong JavaScript</title>
</head>
<style>
#kvuong{width:200px;height:200px;float:left;line-height:200px;text-align:center;background:red}
</style>
<body>
<h1>Chạy thử Sự kiện onmouseover gắn trực tiếp trong JavaScript</h1>
<p>Dùng để tạo ra sự kiện khi rê chuột vào một thẻ HTML, sự kiện chỉ làm việc khi rê chuột vào còn sau đó thì không làm gì nữa:</p>
<div id="kvuong" onmouseover="doiMau()">Rê chuột vào</div>
<script>
function doiMau(){
var kvuong = document.getElementById('kvuong');
kvuong.style.background = 'green';
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Sự kiện onmouseover gắn trực tiếp trong JavaScript</title>
</head>
<style>
#kvuong{width:200px;height:200px;float:left;line-height:200px;text-align:center;background:red}
</style>
<body>
<h1>Chạy thử Sự kiện onmouseover gắn trực tiếp trong JavaScript</h1>
<p>Dùng để tạo ra sự kiện khi rê chuột vào một thẻ HTML, sự kiện chỉ làm việc khi rê chuột vào còn sau đó thì không làm gì nữa:</p>
<div id="kvuong" onmouseover="doiMau()">Rê chuột vào</div>
<script>
function doiMau(){
var kvuong = document.getElementById('kvuong');
kvuong.style.background = 'green';
}
</script>
</body>
</html>
