Как удалить все встроенные стили с помощью javascript и оставить только стили, указанные в таблице стилей css?

Если в моем html есть следующее:

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

И это в моей таблице стилей css:

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

Есть ли способ с помощью javascript / jquery удалить все встроенные стили и оставить только стили, указанные в таблице стилей css?

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

или

$('div').removeAttr('style');(Из ответа Андреса )

Чтобы сделать это немного меньше, попробуйте следующее:

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

Это должно немного ускорить его, потому что он проверяет, есть ли у div-ов атрибут style.

В любом случае это может занять некоторое время, если у вас большое количество div, поэтому вы можете рассмотреть другие методы, кроме javascript.

Обычный JavaScript:

Вам не нужен jQuery, чтобы делать что-то вроде этого тривиального. Просто используйте.removeAttribute() методом.

Предполагая, что вы просто ориентируетесь на один элемент, вы можете легко использовать следующее: (пример)

document.querySelector('#target').removeAttribute('style');

Если вы нацеливаетесь на несколько элементов, просто прокрутите выбранную коллекцию элементов: (пример)

var target = document.querySelectorAll('div');
Array.prototype.forEach.call(target, function(element){
    element.removeAttribute('style');
});

Array.prototype.forEach()- IE9 и выше / .querySelectorAll()- IE 8 (частично) IE9 и выше.

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

Я использовал эту $('div').attr('style', '');технику, но она не работала в IE8.

Я вывел атрибут стиля, используя, alert()и он не удалял встроенные стили.

.removeAttr закончил тем, что сделал трюк в IE8.

Если вам нужно просто очистить styleэлемент, тогда:
element.style.cssText = null;
Это должно быть хорошо. Надеюсь, это поможет!

Это можно сделать в два этапа:

1: выберите элемент, который вы хотите изменить, по тэгу, идентификатору, классу и т. Д.

var element = document.getElementsByTagName('h2')[0];

2. удалить атрибут стиля

element.removeAttribute('style');

Вы также можете попробовать указать CSS в таблице стилей как! Important