Hướng dẫn remove all style tags from html javascript - xóa tất cả các thẻ kiểu khỏi html javascript

Question

Tôi cần xóa toàn bộ nội dung của các thẻ kiểu khỏi chuỗi HTML, trong nhiều lần xuất hiện. Tôi không thể sử dụng trình phân tích cú pháp DOM cho nó.

Nội dung chính Show

Xóa tất cả các kiểu khỏi một phần tử bằng JavaScript #
Làm cách nào để xóa thẻ kiểu trong HTML?
Làm thế nào để bạn xóa một kiểu phần tử?
Làm cách nào để xóa tập lệnh trong HTML?

Làm thế nào tôi có thể làm điều này, trong JavaScript?

Đã hỏi ngày 6 tháng 9 năm 2018 lúc 20:55Sep 6, 2018 at 20:55

4

Đối với những người đất ở đây vào năm 2020, điều này đã làm việc cho tôi.

string.replace(/()/g, "")

Như Bergi đã ám chỉ trong các bình luận của OP, điều này nên được coi là phương sách cuối cùng nếu không có lựa chọn nào tốt hơn. Regex không phải là cách tốt nhất để đối phó với HTML.

Đã trả lời ngày 23 tháng 6 năm 2020 lúc 17:59Jun 23, 2020 at 17:59

JD Guzmanjd GuzmanJD Guzman

3482 Huy hiệu bạc6 Huy hiệu đồng2 silver badges6 bronze badges

1

    var string = " non style stuff"

    var s = string.replace(//g, '')
    
    console.log(s);

Tôi giả sử bạn muốn xóa toàn bộ thẻ kiểu, không chỉ nội dung của nó

Chỉnh sửa: Trích dẫn

Đã trả lời ngày 6 tháng 9 năm 2018 lúc 21:03Sep 6, 2018 at 21:03

Klanmikoklanmikoklanmiko

3462 Huy hiệu bạc12 Huy hiệu Đồng2 silver badges12 bronze badges

2

Để thay thế tất cả các thuộc tính kiểu trong phần tử HTML (InsideHTML):


  Line 1
  Line 2


//script
let element = document.getElementById('el')
element.innerHTML.replace(/style=\".*"/gm,'')

Điều này sẽ loại bỏ tất cả các thuộc tính kiểu phần tử trong phần tử bởi id el.

Đã trả lời ngày 15 tháng 12 năm 2020 lúc 15:11Dec 15, 2020 at 15:11

Swinaswinaswina

2092 Huy hiệu bạc5 Huy hiệu Đồng2 silver badges5 bronze badges

Xóa tất cả các kiểu khỏi một phần tử bằng JavaScript #

Sử dụng phương thức removeAttribute() để loại bỏ tất cả các kiểu khỏi một phần tử, ví dụ: box.removeAttribute('style'). Phương thức

    var string = " non style stuff"

    var s = string.replace(//g, '')
    
    console.log(s);

0 sẽ xóa thuộc tính
var string = " non style stuff" var s = string.replace(//g, '') console.log(s);
1 khỏi phần tử.

Đây là HTML cho các ví dụ trong bài viết này.

Copied!
DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />

    <style>
      .bg-salmon {
        background-color: salmon;
      }
    style>
  head>

  <body>
    <div id="box" style="width: 100px; height: 100px" class="bg-salmon">
      Box 1
    div>

    <script src="index.js">script>
  body>
html>

Và đây là mã JavaScript liên quan.

Copied!
const box = document.getElementById('box');

// ✅ Remove all Styles from Element
box.removeAttribute('style');

// ✅ Remove specific style from Element
box.style.width = null;

// ✅ Remove all classes from element
// box.removeAttribute('class');

Chúng tôi đã sử dụng phương thức phần tử.RemoveAttribution để loại bỏ thuộc tính

    var string = " non style stuff"

    var s = string.replace(//g, '')
    
    console.log(s);

1 khỏi phần tử.

Tham số duy nhất mà phương thức lấy là tên của thuộc tính chúng tôi muốn xóa.

Nếu thuộc tính không tồn tại trên phần tử, phương thức removeAttribute() không gây ra lỗi, nó chỉ cần trả về

    var string = " non style stuff"

    var s = string.replace(//g, '')
    
    console.log(s);

4.

Nếu bạn muốn xóa thuộc tính CSS cụ thể khỏi kiểu của phần tử, hãy đặt thuộc tính thành

    var string = " non style stuff"

    var s = string.replace(//g, '')
    
    console.log(s);

5.

Copied!
const box = document.getElementById('box');

// ✅ Remove specific style from Element
box.style.width = null;

// ✅ Multi word properties are camel-cased
box.style.backgroundColor = null;

Ngược lại, nếu bạn cần cập nhật hoặc đặt thuộc tính CSS cụ thể, hãy đặt nó thành một giá trị không phải là

    var string = " non style stuff"

    var s = string.replace(//g, '')
    
    console.log(s);

5.

Copied!
const box = document.getElementById('box');

// ✅ Remove specific style from Element
box.style.width = '200px';

Nếu bạn cần xóa tất cả các lớp khỏi một phần tử, hãy sử dụng phương thức removeAttribute().

Copied!
const box = document.getElementById('box');

// ✅ Remove all classes from element
box.removeAttribute('class');

Làm cách nào để xóa thẻ kiểu trong HTML?

Sử dụng phương thức removeAtribution () để loại bỏ tất cả các kiểu khỏi một phần tử, ví dụ:hộp.RemoveAttribution ('Style').Phương thức RemoveAtribution sẽ loại bỏ thuộc tính kiểu khỏi phần tử.Đây là HTML cho các ví dụ trong bài viết này., e.g. box. removeAttribute('style') . The removeAttribute method will remove the style attribute from the element. Here is the HTML for the examples in this article.

Làm thế nào để bạn xóa một kiểu phần tử?

Bạn có thể xóa các thuộc tính kiểu CSS khỏi một phần tử bằng cách đặt thuộc tính thành giá trị null, ví dụ:hộp.Phong cách.rentoundColor = null;.Khi thuộc tính CSS của phần tử được đặt thành NULL, thuộc tính sẽ bị xóa khỏi phần tử.setting the property to a null value, e.g. box. style. backgroundColor = null; . When an element's CSS property is set to null , the property is removed from the element.

Làm cách nào để xóa tập lệnh trong HTML?

Chọn phần tử HTML cần loại bỏ.Sử dụng phương thức JavaScript Remove () và removeChild () để xóa phần tử khỏi tài liệu HTML.Use JavaScript remove() and removeChild() method to remove the element from the HTML document.

programming javascript Remove element style

Hướng dẫn remove all style tags from html javascript - xóa tất cả các thẻ kiểu khỏi html javascript

Xóa tất cả các kiểu khỏi một phần tử bằng JavaScript #

Làm cách nào để xóa thẻ kiểu trong HTML?

Làm thế nào để bạn xóa một kiểu phần tử?

Làm cách nào để xóa tập lệnh trong HTML?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội