JavaScript - Phương thức HTML DOM
Các phương thức HTML DOM là các hành động bạn có thể thực hiện (trên các Phần tử HTML).
Thuộc tính DOM HTML là các giá trị (của Thành phần HTML) mà bạn có thể đặt hoặc thay đổi.
Giao diện lập trình DOM
HTML DOM có thể được truy cập bằng JavaScript (và bằng các ngôn ngữ lập trình khác).
Trong DOM, tất cả các phần tử HTML được định nghĩa là đối tượng .
Giao diện lập trình là các thuộc tính và phương thức của từng đối tượng.
Thuộc tính là một giá trị mà bạn có thể nhận hoặc đặt (như thay đổi nội dung của phần tử HTML).
Phương thức là một hành động bạn có thể thực hiện (như thêm hoặc xóa phần tử HTML).
Ví dụ
Ví dụ sau thay đổi nội dung ( innerHTML
) của phần tử <p>
bằng id="demo"
:
Ví dụ
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
Hãy tự mình thử » Trong ví dụ trên, getElementById
là một phương thức , trong khi innerHTML
là một thuộc tính .
Phương thức getElementById
Cách phổ biến nhất để truy cập một phần tử HTML là sử dụng id
của phần tử đó.
Trong ví dụ trên, phương thức getElementById
đã sử dụng id="demo"
để tìm phần tử.
Thuộc tính bên trongHTML
Cách dễ nhất để lấy nội dung của một phần tử là sử dụng thuộc tính innerHTML
.
Thuộc tính innerHTML
rất hữu ích để lấy hoặc thay thế nội dung của các phần tử HTML.
Thuộc tính innerHTML
có thể được sử dụng để lấy hoặc thay đổi bất kỳ phần tử HTML nào, bao gồm <html>
và <body>
.