Comment puis-je effacer tous les styles en ligne avec javascript et ne laisser que les styles spécifiés dans la feuille de style css?

Question

Si j'ai de la suite dans mon code html:

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

Et cela dans ma feuille de style css:

div {
    width:100px;
    height:100px;
    background-color:#000000;
}

Est-il possible, avec javascript/jquery, afin de retirer tous les styles en ligne et ne laisser que les styles spécifiés par la feuille de style css?

Answer 1

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

ou

$('div').removeAttr('style'); (À partir de Andres Réponse)

Pour rendre cela un peu plus petit, essayez ceci:

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

Cela devrait accélérer un peu, car il vérifie que les divs ont l'attribut style.

De toute façon, cela peut prendre un peu de temps si vous avez une grande quantité de vrd, de sorte que vous pourriez envisager d'autres méthodes que le javascript.

Answer 2

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

Answer 3

J'ai été en utilisant l' $('div').attr('style', ''); technique et il ne fonctionnait pas avec IE8.

J'ai sorti l'attribut de style à l'aide de alert() et il n'était pas à défaire les styles en ligne.

.removeAttr a fini par faire le tour de IE8.

Answer 4

Vous pouvez également essayer d'inscription le css dans la feuille de style !important