Trở về

Xóa inline style CSS bằng jQuery

bởi Vi Nè

Mấy hôm trước, khi mình đang làm cho Accordion responsive ở màn hình mobile thì gặp phải một vấn đề: Làm thế nào để xóa inline style CSS của một element?

Ví dụ ta có thẻ div cần xóa inline với id là #box

<div id="box" style="width: 100px; height: 100px; background-color: #bada55;"></div>

Bây giờ, mình muốn xóa chỉ thuộc tính width của thẻ div#box này! Nhờ jQuery mà điều đó có thể thực hiện một các dễ dàng. Ta chỉ cần đặt giá trị width là một chuỗi rỗng.

jQuery('#box').css('width', '');

Hoặc ta có thể thể dùng JavaScript để xóa.

document.getElementById('box').style.width = '';

Okie, vấn đề đã được giải quyết. Bạn có thể thử luôn tại đây

Chúng tôi tạm dừng chức năng bình luận, mọi thắc mắc vui lòng gửi thông qua mục liên hệ. Xin cám ơn!

Bài 5: Cách tạo comment trong Python

Bài 4: Cách khai báo biến trong Python

Bài 3: Cài đặt Intellij IDEA và chạy Hello World trong Python

Bài 2: Hướng dẫn download và cài đặt python trên Windows

Bài 5: Tìm hiểu về Props trong ReactJS

Bài 4: Components trong ReactJS

Bài 3: Giới thiệu JSX trong ReactJS

Bài 2: Cài đặt môi trường chạy ReactJS

Bài 18: Thuộc tính icon trong CSS

Các biểu tượng có thể dễ dàng được thêm vào trang HTML của b...

Bài 17: Thuộc tính box model trong CSS

Bài 16: Thuộc tính outline trong CSS

Bài 15: Thuộc tính Height/Width trong CSS

Chat Icon Close Icon