JavaScript - HTML DOM phương pháp

Phương thức HTML DOM là những hành động mà bạn có thể thực hiện trên phần tử HTMLHành động.

Thuộc tính HTML DOM là những thuộc tính mà bạn có thể thiết lập hoặc thay đổi của phần tử HTMLGiá trị.

Giao diện lập trình DOM

HTML DOM có thể được truy cập qua JavaScript (cũng có thể qua các ngôn ngữ lập trình khác).

Trong DOM, tất cả các phần tử HTML đều được định nghĩaĐối tượng.

Giao diện lập trình là thuộc tính và phương thức của mỗi đối tượng.

Thuộc tínhLà giá trị mà bạn có thể lấy hoặc đặt (ví dụ: thay đổi nội dung của phần tử HTML).

phương thứcLà hành động mà bạn có thể thực hiện (ví dụ: thêm hoặc xóa phần tử HTML).

Ví dụ

Ví dụ sau thay đổi nội dung của phần tử <p> có id="demo":

<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>

Thử nghiệm cá nhân

Trong ví dụ trên,getElementById làphương thứcvà innerHTML làThuộc tính.

Phương thức getElementById

Cách phổ biến nhất để truy cập phần tử HTML là sử dụng id của phần tử.

Trong ví dụ trên,getElementById Phương thức sử dụng id="demo" để tìm kiếm phần tử.

Thuộc tính innerHTML

Cách đơn giản nhất để lấy nội dung của phần tử là sử dụng innerHTML Thuộc tính.

innerHTML Thuộc tính có thể được sử dụng để lấy hoặc thay thế nội dung của phần tử HTML.

innerHTML Thuộc 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>.