Hướng dẫn remove all attributes javascript - loại bỏ tất cả các thuộc tính javascript
Một lý do rất chính đáng để làm điều này cho các thẻ cụ thể là để làm sạch nội dung kế thừa và cũng thực thi các tiêu chuẩn. Ví dụ, giả sử, bạn muốn loại bỏ các thuộc tính cũ hoặc hạn chế thiệt hại do các thuộc tính thẻ phông chữ gây ra bằng cách tước chúng. Tôi đã thử một số phương pháp để đạt được điều này và không có, bao gồm cả ví dụ trên, hoạt động như mong muốn. Ví dụ 1: Thay thế tất cả các thẻ phông chữ bằng nội dung văn bản chứa. Đây sẽ là giải pháp hoàn hảo nhưng kể từ v1.6.2 đã ngừng hoạt động. :(
Ví dụ 2: Dải tất cả các thuộc tính từ thẻ có tên - ví dụ: NÉT CHỮ. Một lần nữa, điều này không hoạt động nhưng chắc chắn rằng nó đã từng hoạt động một lần vào phiên bản jQuery trước đó.
Mong muốn 1.7 hứa hẹn sẽ bao gồm một phương thức để xóa nhiều thuộc tính theo tên. Ngày 8 tháng 11 năm 2021 - 1 phút đọc Hàm JavaScript này sẽ chấp nhận một phần tử HTML đã cho và xóa tất cả các thuộc tính của nó: Nếu bạn không muốn sử dụng vòng lặp
Bất kể biến thể nào của hàm
Trong ví dụ trên, một phần tử có ID Liên kết đến phần kết luận nàyTôi đã tìm thấy đây là một chức năng cực kỳ đơn giản nhưng cực kỳ hữu ích và tôi hy vọng nó cũng giúp bạn! Xem thảo luận Cải thiện bài viết Lưu bài viết Xem thảo luận Cải thiện bài viết Lưu bài viết ĐọcremoveAttributeNode() method. Syntax: $.fn.removeAllAttributes = function() { return this.each(function() { $.each(this.attributes, function() { this.ownerElement.removeAttributeNode(this); }); }); }; $('textarea').removeAllAttributes(); Bàn luận Example: Trong bài viết này, chúng ta sẽ xem cách xóa tất cả các thuộc tính của phần tử HTML bằng jQuery.Để xóa tất cả các thuộc tính của các phần tử, chúng tôi sử dụng phương thức removeAtributEnode (). & Nbsp; 0 1 2 3 1 5 3 7 1 9 3Trong ví dụ dưới đây, chúng tôi đang tạo một phần tử TextArea chứa một số thuộc tính như - hàng, cols, id và tên.Khi chúng tôi áp dụng mã trên trên phần tử Textarea, tất cả các thuộc tính sẽ bị xóa. 1 4 7 6 9 3HTML 7 6 1 3 7 1 0 3 1 3 4 5 4 7 1 9 7 6 0 3 7 1 1 3 1$.fn.removeAllAttributes = function() { return this.each(function() { $.each(this.attributes, function() { this.ownerElement.removeAttributeNode(this); }); }); }; $('textarea').removeAllAttributes();9 4while 1
4removeAttributes 1 1removeAttributes 1 7 6 1 3 6 5 3 1example 0 3 7 1example 4 3 1 2 4 04 1 6example 8 3 1 1 11 3 4 2 4 4 7 1 1 2 3 1 1example 8 0 3 01 3 4 31 3 33 4 0 3 37 3 1 1 41 42 41 3 1 1 47 48 3 50 51 3 53 ________ 127 ________ 33 ________ 156 & nbs 4 58 3 60 61 1 6 47 3 7 6example 4 3 6example 0 3 6 2 3Output: |