Cách hoạt động của getElementById trong JavaScript

getElementById

getElementById() là DOM method trả về element có ID attribute trùng giá trị chỉ định. Method phổ biến nhất trong HTML DOM để thao tác element. Trả về null nếu không tìm thấy. ID phải unique trong page. Nếu trùng ID, trả về element cuối cùng trong code JS.

Ví dụ 1: Đọc innerHTML

<html> <body> <p id="element">GetElementById</p> <script> var s = document.getElementById("element").innerHTML; document.write(s); </script> </body> </html>

Kết quả

GetElementById

Ví dụ 2: Thay đổi nội dung

<html> <body> <p id="element">GetElementById</p> <script>    document.getElementById("element").innerHTML = "Tutorix"; </script> </body> </html>

Kết quả

Tutorix

Lưu ý:

• Phân biệt: getElementById (document method) vs querySelector('#id') (chậm hơn, nhưng linh hoạt)
• ID case-sensitive
• Trả về Element object hoặc null
• Chỉ làm việc trên document, không phải element khác (không có element.getElementById)