Chuỗi có thẻ HTML JavaScript
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ể? Show
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ápreplaceAll ( 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 = "; 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ảnThuộ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 = ""<"<"<"<"<"<"<"<"<"<"<"<"<"<"<"<"<"<"<"<"<"<"<"<"<"<; 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"); Now, apply the textContent property to include text within the “ let text = div. nội dung văn bản . div. Văn bản bên trong . ""; đầu raPhương pháp 3. Tách các thẻ HTML khỏi một chuỗi trong JavaScript bằng giao diện DOMParserGiao diện “DOMParser” cung cấp chức năng phân tích mã nguồn HTML từ giá trị chuỗi được chỉ định thành DOM. Kỹ thuật này có thể được triển khai bằng cách phân tích cú pháp mã HTML theo cách sao cho khi một chuỗi chứa mã HTML được chuyển đến nó làm đối số, các thẻ HTML có thể bị loại bỏ bằng DOMParser và phương thức “parseFromString()” của nó cú phápDOMParser. parseFromString( unStripped ) Ở đây, phương thức “parseFromString()” loại bỏ các thẻ HTML khỏi chuỗi “unStripped” Ví dụĐầu tiên, tạo một hàm có tên là “stripTags()” với “html” làm đối số của nó Tiếp theo, áp dụng phương thức parseFromString() để xóa các thẻ html khỏi biến được chỉ định có tên là “unStripped” đề cập đến giá trị chuỗi chưa bị xóa chứa trong đó và trả về nội dung văn bản của nó bằng thuộc tính “textContent” chức năng thẻ dải ( html ){ Bây giờ, hãy tạo một giá trị chuỗi cần xóa và hiển thị các giá trị chưa xóa và đã xóa trên bảng điều khiển và so sánh chúng let unStripped = """"""""""""""""""""""""""""""""""""""""""""; đầu raPhương pháp 4. Tách các thẻ HTML khỏi một chuỗi trong JavaScript bằng gói string-strip-HTMLThe “string-strip-html” package is applied to strip HTML from a particular string and provides a “stringStripHtml()” method that carries an HTML as an input. This method can be implemented in such a way that if the particular string includes the “ Bài Viết Liên QuanQuảng CáoCó thể bạn quan tâmToplist được quan tâm#1
Top 9 tập bản đồ lớp 8 bài 31 20235 tháng trước#2
Top 6 kết quả thi hsg đà nẵng 2022 20235 tháng trước#3
Top 9 tủ nhựa đài loan 4 cánh 3d 20235 tháng trước#4
#5
Top 8 tìm việc làm tiện, phay bảo q7 20235 tháng trước#6
#7
#8
Top 2 bài the dục phát triển chung lớp 6 2022 20235 tháng trước#9
Top 3 bài giảng vũ điệu sắc màu (lớp 4) 20235 tháng trướcQuảng cáoXem NhiềuQuảng cáoChúng tôiTrợ giúpBản quyền © 2021 Xây Nhà Inc.
|