Як я можу стерти всі вбудовані стилі за допомогою 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.

У будь-якому випадку, обробка може зайняти небагато часу, якщо у вас є велика кількість дівок, тож ви можете розглянути інші методи, ніж 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 у таблиці стилів як! Важливий