Sanitizer: phương thức removeElement()

Cú pháp

removeElement(element)

Tham số

element

Một chuỗi cho biết tên của phần tử không được phép, hoặc một đối tượng với các thuộc tính sau:

name

Một chuỗi chứa tên của phần tử.

namespace Optional

Một chuỗi chứa không gian tên của phần tử. Không gian tên mặc định là "http://www.w3.org/1999/xhtml".

Giá trị trả về

true nếu thao tác thay đổi cấu hình để không cho phép phần tử, và false nếu phần tử đã bị cấm.

Lưu ý rằng false có thể được trả về nếu cấu hình nội bộ:

• định nghĩa mảng elements và phần tử đã bị bỏ qua (không cần xóa)
• thay vào đó định nghĩa mảng removeElements và phần tử được chỉ định đã có mặt (và do đó đã bị lọc)

Ví dụ

Cách không cho phép các phần tử

Ví dụ này cho thấy cách removeElement() được dùng để chỉ định phần tử cần "bị cấm".

<pre id="log"></pre>

#log {
  height: 420px;
  overflow: scroll;
  padding: 0.5rem;
  border: 1px solid black;
}

const logElement = document.querySelector("#log");
function log(text) {
  logElement.textContent = text;
}

JavaScript

Mã trước tiên tạo một đối tượng Sanitizer mới ban đầu cho phép các phần tử <div> và <script>, và thay thế các phần tử <span> bằng các phần tử con của chúng.

Mã sau đó gọi removeElement() để thêm các phần tử <p>, <script> và <span> vào danh sách removeElements trong cấu hình. Lưu ý rằng việc thêm <script> và <span> xóa các phần tử khỏi danh sách gốc của chúng.

if ("Sanitizer" in window) {

// Tạo bộ làm sạch sử dụng SanitizerConfig
const sanitizer = new Sanitizer({
  elements: ["div", "script"],
  replaceWithChildrenElements: ["span"],
});

// Không cho phép phần tử <p>
sanitizer.removeElement("p");

// Không cho phép phần tử <script>
sanitizer.removeElement("script");
// Không cho phép phần tử <span>
sanitizer.removeElement("span");

// Ghi nhật ký cấu hình bộ làm sạch
let sanitizerConfig = sanitizer.get();
log(JSON.stringify(sanitizerConfig, null, 2));

} else {
  log("The HTML Sanitizer API is NOT supported in this browser.");
}

Kết quả

Cấu hình cuối cùng được ghi nhật ký bên dưới.

Thông số kỹ thuật

Tương thích trình duyệt