HTML DOM InternalHTML Thuộc tính
Thí dụ
Thay đổi nội dung HTML của phần tử <p> với id = "demo":
document.getElementById("demo").innerHTML = "Paragraph changed!";
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính innerHTML đặt hoặc trả về nội dung HTML (HTML bên trong) của một phần tử.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả về thuộc tính innerHTML:
HTMLElementObject.innerHTML
Đặt thuộc tính innerHTML:
HTMLElementObject.innerHTML = text
Giá trị tài sản
Value | Description |
---|---|
text | Specifies the HTML content of an element |
Chi tiết kỹ thuật
Giá trị trả lại: | Một chuỗi, đại diện cho nội dung HTML của một phần tử |
---|
Các ví dụ khác
Thí dụ
Lấy nội dung HTML của phần tử <p> với id = "myP":
var x = document.getElementById("myP").innerHTML;
Thí dụ
Lấy nội dung HTML của phần tử <ul> với id = "myList":
var x = document.getElementById("myList").innerHTML;
Thí dụ
Thay đổi nội dung HTML của hai phần tử:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Thí dụ
Cảnh báo nội dung HTML của phần tử <p> với id = "demo":
alert(document.getElementById("demo").innerHTML);
Thí dụ
Xóa nội dung HTML của phần tử <p> có id = "demo":
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
Thí dụ
Thay đổi nội dung HTML, URL và mục tiêu của một liên kết:
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
❮ Đối tượng phần tử