Hiểu nhanh về innerHTML trong Javascript chưa đầy đầy 3 phút !
-
Bài viết ngày hôm nay chúng ta cùng tìm hiểu về innerHTML trong Javascript , một thuộc tính cực kỳ thông dụng trong Javascript .
1 Tác dụng của innerHTML trong JavascriptTác dụng của thuộc tính innerHTML là lấy nội dung và thiết lập nội dung cho một node HTML nào đó ,Nếu bạn sử dụng jQuery thì có phương thức $(node).html() .
2. Cú pháp innerHTML trong javascript
Cú pháp của innerHTML như sau:
// lấy nội dung let content = node.innerHTML; // Gán nội dung node.innerHTML = newContent;Trong đó:
• newContent chính là nội dung bạn muốn gán vào node
• node chính là đối tượng cần lấy hoặc cần gán nội dung.3. Cách dùng innerHTML trong javascript
Ví dụ innerHTML javascript:
Giả sử ta có đoạn code HTML như sau.<div id="node"> Học JS tại Nodemy.vn </div>Để lấy nội dung hoặc gán nội dung vào thẻ này thì ta sẽ sử dụng thuộc tính innerHTML.
let node = document.getElementById('node'); // lấy nội dung let content = node.innerHTML; // Gán nội dung node.innerHTML = "Học JS Node tại Nodemy.vn";Tài liệu tham khảo :
