Hướng dẫn dùng getelementby JavaScript

Trong bài này chúng ta sẽ tìm hiểu thuộc tính innerHTML trong Javascript, đây là một thuộc tính có sẵn trong các node object.

Nội dung chính

• 1. Cú pháp innerHTML trong javascript
• 2. Cách dùng innerHTML trong javascript
• Ví dụ ẩn/hiện comment form bằng cách sử dụng innerHTML
• innerHTML trong JavaScript và cách lấy câu lệnh HTML chứa trong một Element
• innerHTML trong JavaScript và cách thay đổi câu lệnh HTML chứa trong một Element
• Mã mẫu 1
• Mã mẫu 2
• Khi thẻ script được bao gồm trong câu HTML được thêm bằng innerHTML
• Tổng kết

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Công dụng của innerHTML là giúp ta lấy nội dung hoặc 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[].

1. 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 đó:

Bài viết này được đăng tại [free tuts .net]

• 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.

2. Cách dùng innerHTML trong javascript

Ví dụ innerHTML javascript:

Giả sử ta có đoạn code HTML như sau.

    Học JS tại freetuts.net

Để 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 freetuts.net";

Trên là những thông tin bạn cần biết về thuộc tính innerHTML trong javascript.

Bài viết liên quan

• childNodes trong JavaScript và cách lấy các Node con

• attributes trong JavaScript và cách lấy danh sách thuộc tính của Element

• currentScript trong JavaScript và cách lấy Element chứa mã script đang được xử lý

• children trong JavaScript và cách lấy các Element con

• CSS selectors trong JavaScript

• DocumentFragment trong JavaScript và cách thêm đồng thời nhiều Node

• firstChild trong JavaScript và cách lấy Node con đầu tiên

• getAttribute trong JavaScript và cách lấy giá trị thuộc tính của Element