Hướng dẫn what is innerhtml used for in javascript? - Internalhtml được sử dụng để làm gì trong javascript?

Ví dụ

Ví dụ này sử dụng

document.body.innerHTML = "";

JavaScript

function log(msg) {
  const logElem = document.querySelector(".log");

  const time = new Date();
  const timeStr = time.toLocaleTimeString();
  logElem.innerHTML += `${timeStr}: ${msg}
`;
}

log("Logging mouse events inside this container…");

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

function logEvent(event) {
  const msg = `Event ${event.type} at ${event.clientX}, ${event.clientY}`;
  log(msg);
}

Không có gì lạ khi thấy

document.body.innerHTML = "";

const boxElem = document.querySelector(".box");

boxElem.addEventListener("mousedown", logEvent);
boxElem.addEventListener("mouseup", logEvent);
boxElem.addEventListener("click", logEvent);
boxElem.addEventListener("mouseenter", logEvent);
boxElem.addEventListener("mouseleave", logEvent);

HTML

JavaScript

document.body.innerHTML = "";

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 = "";

document.body.innerHTML = "";

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}

`; 6 được chèn bằng document.body.innerHTML = ""; 2 không nên thực thi.

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 = "";

Hàm let name = "John"; // assuming 'el' is an HTML DOM element el.innerHTML = name; // harmless in this case // … name = ""; el.innerHTML = name; // harmless in this case 4 tạo ra đầu ra nhật ký bằng cách nhận thời gian hiện tại từ đối tượng let name = "John"; // assuming 'el' is an HTML DOM element el.innerHTML = name; // harmless in this case // … name = ""; el.innerHTML = name; // harmless in this case 5 bằng cách sử dụng let name = "John"; // assuming 'el' is an HTML DOM element el.innerHTML = name; // harmless in this case // … name = ""; el.innerHTML = name; // harmless in this case 6 và xây dựng một chuỗi với dấu thời gian và văn bản tin nhắn. Sau đó, thông báo được gắn vào hộp với lớp let name = "John"; // assuming 'el' is an HTML DOM element el.innerHTML = name; // harmless in this case // … name = ""; el.innerHTML = name; // harmless in this case 7.