Question

58

How can I erase all inline styles with javascript and leave only the styles specified in the css style sheet?

rated 0 times [ 61] [ 3] / answers: 1 / hits: 115791 / 15 Years ago, tue, august 4, 2009, 12:00:00

If I have the following in my html:

<div style=height:300px; width:300px; background-color:#ffffff;></div>

And this in my css style sheet:

div {

    width:100px;

    height:100px;

    background-color:#000000;

}

Is there any way, with javascript/jquery, to remove all of the inline styles and leave only the styles specified by the css style sheet?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

rocky

Add To Favorites

Follow

Total Points: 316

Total Questions: 108

Total Answers: 110

Location: Mali

Member since Sat, Feb 12, 2022

2 Years ago

rocky questions

1 Webpack fails to parse typescript files. Module parse failed: Unexpected token

Sat, Apr 10, 21, 00:00, 3 Years ago

1 How to change the displayed amount of slides in Swiper dynamically?

Sun, Jan 24, 21, 00:00, 3 Years ago

1 Why does my MUI Divider not show up in a MUI Container or Paper?

Mon, Jan 4, 21, 00:00, 3 Years ago

1 Difference between Touchables from react-native and react-native-gesture-handler

Sun, Nov 8, 20, 00:00, 4 Years ago

1 Why is my Shopify App built with Next.js (React) so slow to load?

Sat, Aug 15, 20, 00:00, 4 Years ago

View All

answered 15 Years ago morrismilom · Accepted Answer

$('div').attr('style', '');

or

$('div').removeAttr('style'); (From Andres's Answer)

To make this a little smaller, try this:

$('div[style]').removeAttr('style');

This should speed it up a little because it checks that the divs have the style attribute.

Either way, this might take a little while to process if you have a large amount of divs, so you might want to consider other methods than javascript.