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

• Trần Ngọc Thanh
• 30
• 27/08/2025

Phương thức getElementById(id) trong JavaScript dùng để lấy ID của thẻ HTML sau đó sử dụng hàm sự kiện để xử lý nhiều hành động khác, chi tiết như nào hãy cùng chúng tôi phân tích:

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

Chức năng của Phương thức getElementById(id) trong JavaScript

Phương thức getElementById(id) trong JavaScript dùng để lấy ID của thẻ HTML sau đó sử dụng hàm sự kiện để xử lý nhiều hành động khác, ngoài ra còn lấy ID để thực hiện những hành động trên ID đó.

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

<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>

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Phương thức getElementById(id) trong JavaScript.