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

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

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

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Phương thức getElementById(id) trong JavaScript</title>
<style>
#ktrai{width:49%;float:left;height:auto}
#ouong{width:100%;height:150px;float:left;background:red;margin-bottom:5px}
#kphai{width:49%;float:right;height:auto}
#ouong2{width:100%;height:150px;float:left;background:red;margin-bottom:5px}
</style>
</head>
<body>

<h1>Code Phương thức getElementById(id) trong JavaScript</h1>
<p>Dùng để lấy giá trị của thuộc tính id trong phần tử HTML sau đó đưa vô biến, biến đó sẽ thực hiện các hành động khác nhau, trong một trang web thì giá trị id phải là duy nhất, nếu trường hợp lỗi có nhiều giá trị id giống nhau thì sẽ lấy giá trị id đầu tiên:</p>

<div id="ktrai">
<div id="ouong"></div>
<input type="button" id="btndoi" value="CLICK ĐỂ ĐỔI MÀU">
</div>

<div id="kphai">
<div id="ouong2"></div>
<input type="button" id="btndoi2" value="CLICK ĐỂ ĐỔI MÀU">
</div>

<script>
// Lấy ID để sử dụng hàm sự kiện
var btndoi = document.getElementById('btndoi');
btndoi.onclick= function(){
// Lấy ID để thực hiện hành động
var ouong = document.getElementById('ouong');
ouong.style.background = 'green';
};

// Lấy ID để sử dụng hàm sự kiện
var btndoi2 = document.getElementById('btndoi2');
btndoi2.addEventListener('click', function(){
// Lấy ID để thực hiện hành động
var ouong2 = document.getElementById('ouong2');
ouong2.style.background = 'green';
});
</script>

</body>
</html>
Code Phương thức getElementById(id) trong JavaScript nằm trong bài viết Phương thức getElementById(id) trong JavaScript