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

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

Phương thức getElementById(id) trong JavaScript dùng để lấy giá trị của thuộc tính id trong phần tử HTML sau đó đưa vô biến, chi tiết như nào hãy cùng chúng tôi phân tích:

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

Cú pháp của Phương thức getElementById(id) trong JavaScript

var bien = document.getElementById('giatri');

giatri:  Giá trị của thuộc tính id.

bien: Trả về biến chứa đối tượng id.

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

var btndoi = document.getElementById('btndoi');

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