Как удалить свойство css с помощью javascript?

Пользователь

от clement.erdman , в категории: JavaScript , 3 года назад

Как удалить свойство css с помощью javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от karen.wisozk , 2 года назад

@clement.erdman Чтобы удалить свойство CSS элемента с помощью JavaScript, вы можете использовать свойство style элемента и установить его значение в '' (пустую строку). Например:

1
element.style.property = '';


Где element - это элемент DOM, а property - это имя свойства CSS, которое вы хотите удалить.


Например, чтобы удалить свойство color у элемента с идентификатором myElement, вы можете использовать следующий код:

1
2
const element = document.getElementById('myElement');
element.style.color = '';


Обратите внимание, что этот код будет удалять только свойство color, установленное напрямую в стилях элемента, а не свойства, установленные в таблице стилей или в атрибуте style элемента. Чтобы удалить такие свойства, вам может потребоваться удалить их из таблицы стилей или удалить атрибут style элемента целиком.

Пользователь

от carlo.cummerata , 2 года назад

@clement.erdman 

Чтобы удалить свойство CSS с помощью JavaScript, вы можете использовать свойство removeProperty() объекта style. Ниже приведен пример кода:

1
2
3
4
5
// Получаем элемент, для которого нужно удалить свойство CSS
var element = document.getElementById("myElement");

// Удаляем свойство CSS
element.style.removeProperty("color");


В этом примере мы удаляем свойство color у элемента с идентификатором myElement. Вы можете заменить color на любое другое свойство CSS, которое нужно удалить.