Trong khi lập trình bằng JavaScript, chúng ta thường muốn viết các mã phức tạp, nơi rất có khả năng thêm thẻ “html” vào giá trị chuỗi trong trường hợp nhập nhầm tiêu đề hoặc đoạn văn. Chẳng hạn, thẻ kết thúc của HTML hoặc phần tử nội dung sẽ bị xóa nếu HTML hoặc phần tử nội dung không được theo sau bởi một nhận xét. Bạn không biết cách tách các thẻ HTML khỏi một chuỗi cụ thể?

Hướng dẫn này sẽ thảo luận về các phương pháp để Tách các Thẻ HTML khỏi một Chuỗi cụ thể trong JavaScript

Làm cách nào để tách các thẻ HTML khỏi một chuỗi trong JavaScript?

Để tách các thẻ HTML bằng JavaScript, có thể sử dụng các phương pháp sau

• phương pháp “thay thế ALL ()”
• Thuộc tính “Nội dung văn bản”
• Giao diện “DOMParser”
• gói “chuỗi-dải-HTML”

Lần lượt đi qua các phương pháp được đề cập

Phương pháp 1. Tách các thẻ HTML khỏi chuỗi trong JavaScript bằng phương thức replaceAll()

Phương thức “replaceAll()” trả về một chuỗi mới khi tất cả các mẫu phù hợp được thay thế bằng mẫu thay thế đã chỉ định. Phương pháp này có thể được thực hiện để thay thế tất cả các thẻ HTML trong một chuỗi bằng chuỗi rỗng

cú pháp

replaceAll ( mẫu , thay thế )

Trong cú pháp đã cho, "mẫu" đề cập đến chuỗi hoặc một đối tượng và "thay thế" có thể là một hàm hoặc một chuỗi

Ví dụ dưới đây giải thích khái niệm rõ ràng

Ví dụ

In the following example, include a string value including HTML tags placed in the “

” tag and display the unstripped string value:

giá trị chuỗi . let unStripped = ";
console.log("Unstripped html tags:", unStripped)

Bây giờ, hãy áp dụng phương thức “replaceAll()” để thay thế các thẻ HTML bằng chuỗi rỗng được chỉ định là ” “. “gi” ở đây sẽ tìm kiếm tất cả các lần xuất hiện của biểu thức chính quy trong chuỗi được cung cấp và “toán tử regex” sẽ bắt đầu tìm kiếm các giá trị bắt đầu từ “/” và kết thúc tại “/” tương ứng

let replace = unStripped. replaceAll(/, "");

Cuối cùng, hiển thị giá trị chuỗi tương ứng mà không cần bất kỳ thẻ HTML nào

bảng điều khiển. log("Thẻ html bị tước. ", thay thế );

Đầu ra tương ứng sẽ như sau

Phương pháp 2. Tách các thẻ HTML khỏi một chuỗi trong JavaScript bằng thuộc tính nội dung văn bản

Thuộc tính “textContent” đặt nội dung văn bản của phần tử được chỉ định. Phương thức này có thể được sử dụng để trả về các phần tử văn bản từ chuỗi HTML đã cho

Ví dụ

Đầu tiên, lưu trữ một giá trị chuỗi chưa bị xóa và hiển thị nó như đã thảo luận trong phương pháp trước

let unStripped = ""< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . ;
console.log("Thẻ html không bị xóa. ", không bị tước )

Tiếp theo, tạo một phần tử có tên là “div” bằng cách sử dụng “tài liệu. createElement()” và gán cho phần tử đã tạo một giá trị chuỗi bao gồm các thẻ HTML

let div = . createElement("div");
div.innerHTML= unStripped ;

Now, apply the textContent property to include text within the “