Como posso apagar todos os estilos embutidos com javascript e deixar apenas os estilos especificados na folha de estilo css?

Se eu tiver o seguinte em meu html:

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

E isso na minha folha de estilo css:

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

Existe alguma maneira, com javascript / jquery, de remover todos os estilos embutidos e deixar apenas os estilos especificados pela folha de estilo css?

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

ou

$('div').removeAttr('style');(Da resposta de Andrés )

Para diminuir um pouco, tente o seguinte:

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

Isso deve acelerar um pouco, porque verifica se os divs têm o atributo style.

De qualquer forma, isso pode demorar um pouco para ser processado se você tiver uma grande quantidade de divs, então você pode querer considerar outros métodos além do javascript.

JavaScript simples:

Você não precisa do jQuery para fazer algo trivial como isso. Basta usar o .removeAttribute()método.

Supondo que você esteja alvejando apenas um único elemento, você pode facilmente usar o seguinte: (exemplo)

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

Se você está almejando vários elementos, basta percorrer a coleção selecionada de elementos: (exemplo)

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

Array.prototype.forEach() - IE9 e superior / .querySelectorAll() - IE 8 (parcial) IE9 e superior.

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

Eu estava usando o $('div').attr('style', ''); técnica e não funcionava no IE8.

Produzi o atributo de estilo usando alert() e ele não estava eliminando estilos embutidos.

.removeAttr acabou fazendo o truque no IE8.

Se você precisa apenas esvaziar o stylede um elemento, então:
element.style.cssText = null;
Isso deve ser bom. Espero que ajude!

Isso pode ser feito em duas etapas:

1: selecione o elemento que deseja alterar por tagname, id, classe etc.

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

2. remova o atributo de estilo

element.removeAttribute('style');

Você também pode tentar listar o css na folha de estilo como! Important