Có, có thể thay đổi nội dung của HTML trong javascript. Thông thường nội dung HTML sẽ nằm trong các thẻ HTML như
, , v.v. Trong javascript, chúng ta có các phương thức DOM có khả năng truy cập các thẻ HTML. Các phương thức đó, chẳng hạn như document.getElementById (), document.getElementByTagName (), v.v., sử dụng các thẻ để thay đổi nội dung HTML.
Ví dụ-1
Trong ví dụ sau, nội dung trong thẻ span được thay đổi bằng phương pháp DOM javascript document.getElementById () .
<html>
<body>
<span id="change">Is javaScript is java.</span>
<input type = "button" value = "change"
onclick='document.getElementById("change").innerHTML = "No JavaScript is not java!"'>
</body>
</html> Khi đoạn mã trên được thực thi, chúng tôi sẽ nhận được thông tin sau trên màn hình
Nếu chúng ta nhấp vào nút 'thay đổi' ở trên, chúng ta sẽ nhận được thông tin sau dưới dạng đầu ra
Đầu ra
Ví dụ-2
Trong ví dụ sau, nội dung trong thẻ đoạn được thay đổi bằng cách sử dụng phương pháp DOM Javascript.
<html>
<body>
<p id="change">Elon musk has failed 3 times</p>
<input type = "button" value = "change"
onclick='document.getElementById("change").innerHTML = "Elon musk has succeded in his fourth attempt"'>
</body>
</html> Khi đoạn mã trên được thực thi, chúng tôi sẽ nhận được thông tin sau trên màn hình
Nếu chúng ta nhấp vào nút 'thay đổi' ở trên, chúng ta sẽ nhận được thông tin sau dưới dạng đầu ra
Đầu ra
