Thí dụ
Nhận nội dung HTML của một phần tử có ID = "MYP":
Đặt html = document.getEuityById ["myp"]. InternalHtml;
Hãy tự mình thử »
Thay đổi nội dung HTML của một phần tử bằng id = "demo":
document.getEuityById ["demo"]. Internhtml = "Tôi đã thay đổi!";
Hãy tự mình thử »
Thay đổi nội dung HTML của một phần tử bằng id = "demo":
document.getEuityById ["demo"]. Internhtml = "Tôi đã thay đổi!";
Hãy tự mình thử »
Thay đổi nội dung HTML của một phần tử bằng id = "demo":
document.getEuityById ["demo"]. Internhtml = "Tôi đã thay đổi!";
Hãy tự mình thử »
Thay đổi nội dung HTML của một phần tử bằng id = "demo":
document.getEuityById ["demo"]. Internhtml = "Tôi đã thay đổi!";
Nhận nội dung HTML của một phần tử có ID = "MYLIST":
Đặt html = document.getEuityById ["mylist"]. InternalHtml;
innerHTML, innerText and textContent
Xóa nội dung HTML của phần tử bằng id = "demo":
phần tử.innerhtml = "";
Thêm ví dụ dưới đây.
Định nghĩa và cách sử dụng
Thuộc tính document.body.innerHTML = "";
2 đặt hoặc trả về nội dung HTML [HTML bên trong] của một phần tử.
document.body.innerHTML = "";
| Sự khác biệt giữa InternHTML, InnerText và TextContent | Xem bên dưới |
| Cú pháp | Trả lại thuộc tính bên trong: |
Đặt thuộc tính bên trong:
| Giá trị tài sản | Xem bên dưới |
| Cú pháp | Trả lại thuộc tính bên trong: |
Đặt thuộc tính bên trong:
Thí dụ
Giá trị tài sản
Tài sản
document.getElementById["myP"].innerHTML = text;
document.getElementById["myDIV"].innerHTML = text;
Hãy tự mình thử »
Thí dụ
Thay đổi nội dung HTML của một phần tử bằng id = "demo":
document.getEuityById ["demo"]. Internhtml = "Tôi đã thay đổi!";
Hãy tự mình thử »
Thí dụ
Thay đổi nội dung HTML của một phần tử bằng id = "demo":
document.getEuityById ["demo"]. Internhtml = "Tôi đã thay đổi!";
element.href = "//www.w3schools.com";
Hãy tự mình thử »
Đặt html = document.getEuityById ["mylist"]. InternalHtml;
innerHTML, innerText and textContent
| Xóa nội dung HTML của phần tử bằng id = "demo": The text content of the element, including all spacing and inner HTML tags. |
| phần tử.innerhtml = ""; Just the text content of the element and all its children, without CSS hidden text spacing and tags, except and elements. |
| Thêm ví dụ dưới đây. The text content of the element and all descendaces, with spacing and CSS hidden text, but without tags. |
Định nghĩa và cách sử dụng
Thuộc tính
document.body.innerHTML = "";
Sự khác biệt giữa InternHTML, InnerText và TextContent
Xem bên dưới
Cú pháp
Trả lại thuộc tính bên trong:
Hãy tự mình thử »
Thay đổi nội dung HTML của một phần tử bằng id = "demo":
| document.getEuityById ["demo"]. Internhtml = "Tôi đã thay đổi!"; This element has extra spacing and contains a span element. |
| Nhận nội dung HTML của một phần tử có ID = "MYLIST": This element has extra spacing and contains a span element. |
| Đặt html = document.getEuityById ["mylist"]. InternalHtml; This element has extra spacing and contains a span element. |
Xóa nội dung HTML của phần tử bằng id = "demo":
phần tử.innerhtml = "";
| Thêm ví dụ dưới đây. | Định nghĩa và cách sử dụng | Thuộc tính | Sự khác biệt giữa InternHTML, InnerText và TextContent | Xem bên dưới | Cú pháp |
| Trả lại thuộc tính bên trong: | Trả lại thuộc tính bên trong: | Trả lại thuộc tính bên trong: | Trả lại thuộc tính bên trong: | Trả lại thuộc tính bên trong: | Trả lại thuộc tính bên trong: |
Item ${list.children.length + 1}`; 1] vào danh sách hiện có [
const list = document.getElementById["list"];
list.innerHTML += `Item ${list.children.length + 1}`;
HTML
Item 1
Item 2
Item 3
JavaScript
const list = document.getElementById["list"];
list.innerHTML += `Item ${list.children.length + 1}`;
Xin lưu ý rằng sử dụng
document.body.innerHTML = "";
const list = document.getElementById["list"];
list.innerHTML += `Item ${list.children.length + 1}`;
Cân nhắc về Bảo mật
Không có gì lạ khi thấy
document.body.innerHTML = "";
let name = "John";
// assuming 'el' is an HTML DOM element
el.innerHTML = name; // harmless in this case
// …
name = "alert['I am John in an annoying alert!']";
el.innerHTML = name; // harmless in this case
Mặc dù điều này có thể trông giống như một cuộc tấn công kịch bản chéo trang, nhưng kết quả là vô hại. HTML chỉ định rằng thẻ
const list = document.getElementById["list"];
list.innerHTML += `Item ${list.children.length + 1}`;
document.body.innerHTML = "";
Tuy nhiên, có nhiều cách để thực hiện JavaScript mà không cần sử dụng các phần tử
const list = document.getElementById["list"];
list.innerHTML += `Item ${list.children.length + 1}`;
document.body.innerHTML = "";
const name = "";
el.innerHTML = name; // shows the alert
Vì lý do đó, nên thay vì
document.body.innerHTML = "";
document.documentElement.innerHTML = `${document.documentElement.innerHTML.replace[/