Có thể thay đổi nội dung HTML trong JavaScript không?

Có, hoàn toàn có thể thay đổi nội dung HTML trong JavaScript. Thông thường nội dung HTML nằm trong các thẻ như <p>, <span>, 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 như document.getElementById(), document.getElementsByTagName(), 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 thức DOM 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>

Sau khi thực thi mã, màn hình hiển thị:

Khi nhấn nút 'change', kết quả như sau:

Kết quả

Ví dụ 2

Trong ví dụ sau, nội dung trong thẻ đoạn văn (p) được thay đổi bằng phương thức 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>

Sau khi thực thi mã, màn hình hiển thị:

Khi nhấn nút 'change', kết quả:

Kết quả