JavaScript - Phương thức DOM HTML
Các phương thức HTML DOM là các hành động bạn có thể thực hiện (trên Phần tử HTML).
Thuộc tính HTML DOM là các giá trị (của Phần tử 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à với 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à các đố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ể lấy hoặc đặt (như thay đổi nội dung của một 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 một phần tử HTML).
Thí dụ
Ví dụ sau thay đổi nội dung ( phần tử innerHTML
) <p>
bằng id="demo"
:
Thí dụ
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
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
phần tử đó.
Trong ví dụ trên, getElementById
phương pháp được 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 innerHTML
tính.
Thuộc innerHTML
tính hữu ích để lấy hoặc thay thế nội dung của các phần tử HTML.
Thuộc innerHTML
tính 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>
.