Xem Bút JavaScript Xóa thẻ HTML/XML khỏi chuỗi-chuỗi-ex-35 bằng w3resource (@w3resource) trên CodePen

Cải thiện giải pháp mẫu này và đăng mã của bạn qua Disqus

Trước. Viết một hàm JavaScript để chuyển đổi một chuỗi thành trường hợp tiêu đề.
Tiếp theo. Viết hàm JavaScript để tạo giá trị Zerofill với dấu +, - tùy chọn.

Mức độ khó của bài tập này là gì?

Dễ dàng trung bình khó

Kiểm tra kỹ năng Lập trình của bạn với bài kiểm tra của w3resource



JavaScript. Lời khuyên trong ngày

Sử dụng ký hiệu tốc ký (Object Literals)

Khi thiết kế các đối tượng hoặc mảng trong JavaScript, có thể tiết kiệm không gian dòng bằng cách chọn ký hiệu tốc ký. Điều này được thực hiện bằng cách thiết lập các thuộc tính hoặc ô của một đối tượng hoặc mảng trong khi khai báo thay vì sau khi khai báo. Điều này giúp bạn không phải xác định đối tượng hoặc mảng nào bạn đang đặt trên mỗi dòng, giúp phần này dễ đọc hơn. Mặc dù đây có vẻ là một thay đổi nhỏ, nhưng nó có thể giúp nhóm của bạn đỡ mỏi mắt hơn khi các đối tượng và mảng trở nên phức tạp hơn

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

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 “