Làm việc với mã HTML của các phần tử trên JavaScript
Các phần tử DOM có thuộc tính innerHTML,
cho phép đọc mã HTML của các phần tử đó.
Hãy xem một ví dụ. Giả sử
chúng ta có thẻ sau:
<p id="elem"><b>text</b></p>
Lấy tham chiếu đến thẻ này vào một biến:
let elem = document.querySelector('#elem');
Hãy đọc mã HTML của thẻ:
console.log(elem.innerHTML); // sẽ in ra <b>text</b>
Thay đổi văn bản của thẻ:
elem.innerHTML = '<i>!!!</i>';
Cho một đoạn văn và một nút bấm. Khi nhấp vào nút, hãy đọc mã HTML của đoạn văn và in nó ra console.
Cho một đoạn văn và một nút bấm. Khi nhấp vào nút, hãy ghi vào đoạn văn một văn bản mới sao cho nó được in đậm.