Làm cách nào để xóa JavaScript kiểu nội tuyến?

Nếu bạn chưa áp dụng một khuôn khổ giúp email HTML phản hồi trở nên dễ dàng, thì có khả năng bạn vẫn viết email HTML tĩnh và sau đó sử dụng Trình nội tuyến CSS của Trình giám sát Chiến dịch để chuyển đổi HTML của bạn thành thứ gì đó sẵn sàng để gửi trong nền tảng email yêu thích của bạn

Nếu đúng như vậy, có thể bạn đã ở trong tình huống mà bạn đã đặt nội tuyến các kiểu của mình và vô tình lưu đè lên tệp email HTML gốc của mình. Tôi có thể nói với bạn rằng tôi đã làm điều đó nhiều lần trong vài tháng qua khi tôi làm việc với Code R. E. D. May mắn thay cho bạn và tôi, có một cách nhanh chóng để loại bỏ các kiểu nội tuyến

Javascript để giải cứu

Nếu bạn mở tệp email HTML của mình, hãy bắt đầu bằng cách liên kết với thư viện jQuery bằng cách thêm dòng mã sau ngay trước thẻ

[html title=”Include jQuery in the head of your HTML Email file”][/html]

[html title=”Thêm tập lệnh này trước thẻ đóng nội dung”]

[/html]

Xem trước, Kiểm tra, Sao chép và Dán

Sau khi thêm mã ở trên vào tệp email HTML của bạn, tất cả những gì bạn phải làm là mở tệp trong trình duyệt web của mình và sao chép mã email HTML không có CSS ​​bằng bảng Trình kiểm tra, đây là cách thực hiện

1. Mở tệp email HTML trong Safari hoặc Chrome
2. Nhấp chuột phải và Kiểm tra bất kỳ phần tử nào trên trang
3. Bây giờ, trong trình kiểm tra mã, nhấp chuột phải vào phần tử HTML và chọn “Chỉnh sửa dưới dạng HTML” từ menu ngữ cảnh xuất hiện
4. Con trỏ của bạn sẽ ở bên trong phần tử HTML, chọn tất cả mã (CMD/CTRL + A)
5. Sao chép mã HTML đã chọn
6. Dán lại mã HTML vào một cái mới. html và bạn đã hoàn tất

Lưu ý về nhận xét có điều kiện

Nếu bạn đang sử dụng Nhận xét có điều kiện để nhắm mục tiêu Outlook, tập lệnh sẽ không thể thấy các kiểu nội tuyến bên trong chúng. Bạn có thể phải thực hiện một chút Tìm và Thay thế trong trình soạn thảo văn bản yêu thích của mình sau khi dán HTML vào tài liệu mới của mình

jQuery loại bỏ kiểu CSS nội tuyến. Ở đây trong bài viết này, chúng ta tìm hiểu cách loại bỏ thuộc tính CSS kiểu nội tuyến trong jQuery. Trong khi phát triển trang web nếu chúng tôi đã sử dụng bất kỳ chủ đề nào cho thiết kế của mình, chúng tôi nhận thấy rằng các thẻ HTML của chúng tôi có thể là thẻ div hoặc bất kỳ thành phần nào khác có một số kiểu nội tuyến không cần thiết

Kiểu nội tuyến này làm cho thiết kế trang của chúng tôi bẩn. Để khắc phục sự cố thiết kế này, chúng tôi cần xóa tất cả các kiểu nội tuyến và thực hiện việc này theo cách thủ công là một công việc tẻ nhạt

Nhưng với jQuery, chúng ta có thể đạt được điều đó chỉ với một vài dòng mã. Vì vậy, sau này chúng ta có thể thêm kiểu dáng CSS của riêng mình để làm cho nó trông giống như theo yêu cầu của chúng ta

2 cách tiếp cận khác nhau để loại bỏ CSS nội tuyến kiểu trong jQuery

• Sử dụng removeAttr() để xóa tất cả thuộc tính kiểu nội tuyến
• Sử dụng CSS() để xóa thuộc tính CSS cụ thể

Xóa đầu ra demo kiểu jQuery như sau

# Sử dụng jQuery. removeAttr() để xóa tất cả kiểu nội tuyến

Để xóa hoặc xóa tất cả thuộc tính kiểu nội tuyến khỏi trang web của chúng tôi, chúng tôi chỉ cần sử dụng phương thức jQuery removeAttr(). sử dụng. removeAttr() chúng tôi xóa một thuộc tính cụ thể trong jQuery khỏi các phần tử đã chọn

Ở đây chúng ta có một thẻ div chứa nhiều thuộc tính CSS như được viết bên dưới, và hiện đang sử dụng. removeAttr() sẽ xóa tất cả kiểu nội tuyến của nó. Về cơ bản, chúng tôi viết mã trong jQuery để xóa tất cả các thuộc tính CSS.
HTML.

	
hello world





Remove All Inline Style
Remove Inline Style width

jQuery. Đây là mã jquery khi nhấp vào nút, chúng tôi xóa tất cả thuộc tính kiểu của phần tử div của chúng tôi.

$("#btn_1").on('click', function() {
 $("#foo").removeAttr("style");
});

Xem bản trình diễn

Ở đây trong bản demo ở trên, việc triển khai thành công kiểu loại bỏ kiểu phần tử div bằng jQuery dễ dàng như thế nào.

# Sử dụng jQuery. css() để xóa thuộc tính CSS cụ thể.

Trong ví dụ trước, chúng ta tìm hiểu cách xóa tất cả thuộc tính kiểu nội tuyến. Nhưng nếu chúng ta muốn xóa một thuộc tính cụ thể thì sao?. Ví dụ: nếu chúng tôi muốn xóa chiều rộng duy nhất khỏi kiểu nội tuyến hoặc nếu chúng tôi chỉ muốn xóa chiều cao khỏi kiểu đó. Tóm lại, làm cách nào để xóa một thuộc tính CSS cụ thể trong jQuery?

Đối với điều đó, chúng tôi sử dụng jQuery. Phương thức CSS(), phương thức này đặt hoặc trả về một hoặc nhiều thuộc tính kiểu cho các thành phần được chọn. Vì chúng tôi muốn xóa thuộc tính chiều rộng nên chúng tôi sử dụng. css() và đặt chiều rộng là trống.  

Bằng cách này, nó sẽ loại bỏ chiều rộng khỏi kiểu nội tuyến. Tương tự chúng ta có thể làm cho chiều cao, trên cùng, vị trí bên trái tương ứng

jQuery. Ở đây trên nút bấm, chúng tôi sử dụng. css() và đặt chiều rộng làm giá trị trống để xóa thuộc tính CSS chiều rộng khỏi kiểu nội tuyến

Mã như được viết dưới đây

$("#btn_2").on('click', function() {
  $("#foo").css("width", "");
});

Xem bản trình diễn

Phần kết luận. Sau đây chúng ta tìm hiểu về cách sử dụng. removeAttr() và. Phương thức CSS() để xóa hoặc thao tác kiểu CSS nội tuyến. Và có thể tùy chỉnh kiểu dáng trang web của chúng tôi.  

Nói tóm lại, chúng tôi có thể xóa tất cả các thuộc tính kiểu hoặc thuộc tính CSS cụ thể như sửa đổi chiều cao, chiều rộng, màu sắc, v.v.

Tài liệu tham khảo khác

Bạn cũng có thể kiểm tra các bài viết này

Cảm ơn bạn đã đọc, vui lòng tiếp tục truy cập blog này và chia sẻ điều này trong mạng của bạn. Ngoài ra, tôi rất thích nghe ý kiến ​​​​của bạn trong phần bình luận

Làm cách nào để xóa kiểu nội tuyến trong js?

Làm cách nào để xóa kiểu khỏi JavaScript?

Làm cách nào để xóa kiểu CSS trong JavaScript?

Làm thế nào một phong cách nội tuyến có thể được ghi đè?