Đặt góc bên trongHTML từ bản thảo

Giá trị

Một chuỗi chứa tuần tự hóa HTML của hậu duệ của phần tử. Đặt giá trị của

document.body.innerHTML = "";

ngoại lệ

document.body.innerHTML = "";

document.body.innerHTML = "";

Bị ném nếu cố gắng đặt giá trị của

document.body.innerHTML = "";

document.body.innerHTML = "";

document.body.innerHTML = "";

Bị loại bỏ nếu cố gắng chèn HTML vào một nút có cha mẹ là một

document.documentElement.innerHTML = `
${document.documentElement.innerHTML.replace(/</g,"<")}`;

ghi chú sử dụng

Thuộc tính

document.body.innerHTML = "";

Đọc nội dung HTML của một phần tử

Việc đọc

document.body.innerHTML = "";

document.body.innerHTML = "";

Điều này cho phép bạn xem đánh dấu HTML của các nút nội dung của phần tử

Ghi chú. Đoạn HTML hoặc XML được trả về được tạo dựa trên nội dung hiện tại của phần tử, do đó, đánh dấu và định dạng của đoạn được trả về có khả năng không khớp với đánh dấu trang gốc

Thay thế nội dung của một phần tử

Đặt giá trị của

document.body.innerHTML = "";

Ghi chú. Đây là rủi ro bảo mật nếu chuỗi được chèn có thể chứa nội dung độc hại tiềm ẩn. Khi chèn dữ liệu do người dùng cung cấp, bạn phải luôn cân nhắc sử dụng

document.documentElement.innerHTML = `
${document.documentElement.innerHTML.replace(/</g,"<")}`;

Ví dụ: bạn có thể xóa toàn bộ nội dung của tài liệu bằng cách xóa nội dung của thuộc tính

document.documentElement.innerHTML = `
${document.documentElement.innerHTML.replace(/</g,"<")}`;

document.body.innerHTML = "";

Ví dụ này tìm nạp đánh dấu HTML hiện tại của tài liệu và thay thế các ký tự

document.documentElement.innerHTML = `
${document.documentElement.innerHTML.replace(/</g,"<")}`;

document.documentElement.innerHTML = `
${document.documentElement.innerHTML.replace(/</g,"<")}`;

document.documentElement.innerHTML = `
${document.documentElement.innerHTML.replace(/</g,"<")}`;

document.body.innerHTML = "";

document.documentElement.innerHTML = `
${document.documentElement.innerHTML.replace(/</g,"<")}`;

chi tiết hoạt động

Chính xác thì điều gì sẽ xảy ra khi bạn đặt giá trị của

document.body.innerHTML = "";

1. Giá trị đã chỉ định được phân tích cú pháp dưới dạng HTML hoặc XML (dựa trên loại tài liệu), dẫn đến một đối tượng

   document.body.innerHTML = "";
   

   12 đại diện cho tập hợp các nút DOM mới cho các phần tử mới
2. Nếu phần tử có nội dung đang được thay thế là phần tử

   document.body.innerHTML = "";
   

   13, thì thuộc tính

   document.body.innerHTML = "";
   

   15 của phần tử

   document.body.innerHTML = "";
   

   13 được thay thế bằng

   document.body.innerHTML = "";
   

   12 mới được tạo ở bước 1
3. Đối với tất cả các phần tử khác, nội dung của phần tử được thay thế bằng các nút trong

   document.body.innerHTML = "";
   

   12 mới

Nối thêm HTML vào một phần tử

Đặt giá trị của

document.body.innerHTML = "";

Ví dụ: chúng tôi có thể nối một mục danh sách mới (

document.body.innerHTML = "";

document.body.innerHTML = "";

HTML

document.body.innerHTML = "";

JavaScript

document.body.innerHTML = "";

Xin lưu ý rằng việc sử dụng

document.body.innerHTML = "";

document.body.innerHTML = "";

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ó vẻ 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ẻ

document.body.innerHTML = "";

document.body.innerHTML = "";

Tuy nhiên, có nhiều cách để thực thi JavaScript mà không cần sử dụng các phần tử

document.body.innerHTML = "";

document.body.innerHTML = "";

document.body.innerHTML = "";

Vì lý do đó, bạn nên sử dụng thay vì

document.body.innerHTML = "";

• document.documentElement.innerHTML = `
  ${document.documentElement.innerHTML.replace(/</g,"<")}`;
  

  5 để làm sạch văn bản trước khi nó được chèn vào DOM

• document.body.innerHTML = "";
  

  50 khi chèn văn bản thuần túy, vì thao tác này sẽ chèn dưới dạng văn bản thô thay vì phân tích dưới dạng HTML

Cảnh báo. Nếu dự án của bạn là dự án sẽ trải qua bất kỳ hình thức đánh giá bảo mật nào, việc sử dụng

document.body.innerHTML = "";

document.body.innerHTML = "";

ví dụ

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

document.body.innerHTML = "";

JavaScript

document.body.innerHTML = "";

Hàm

document.body.innerHTML = "";

document.body.innerHTML = "";

document.body.innerHTML = "";

document.body.innerHTML = "";

Chúng tôi thêm một phương pháp thứ hai ghi lại thông tin về các sự kiện dựa trên

document.body.innerHTML = "";

document.body.innerHTML = "";

document.body.innerHTML = "";

document.body.innerHTML = "";

document.body.innerHTML = "";

Sau đó, chúng tôi sử dụng điều này làm trình xử lý sự kiện cho một số sự kiện chuột trên hộp chứa nhật ký của chúng tôi

document.body.innerHTML = "";

HTML

HTML khá đơn giản cho ví dụ của chúng tôi

document.body.innerHTML = "";

document.body.innerHTML = "";

document.body.innerHTML = "";

document.body.innerHTML = "";

document.body.innerHTML = "";

CSS

CSS sau tạo kiểu cho nội dung ví dụ của chúng tôi

document.body.innerHTML = "";

Kết quả

Nội dung kết quả trông như thế này. Bạn có thể xem đầu ra trong nhật ký bằng cách di chuyển chuột vào và ra khỏi hộp, nhấp vào hộp đó, v.v.

Có an toàn khi sử dụng InternalHTML trong Angular không?

Làm cách nào để thêm thẻ HTML vào tệp Angular ts?

Làm cách nào để sử dụng Góc với TypeScript?