Удалить элемент стиля через javascript?

Question

[Wana1]

Нужно отключить элемент стиля подскажите как это сделать через javascript

padding: надо отключить полностью

.gifts_ul .grid_li {
    padding: 16px 8px 8px;
    margin: 0;
    background-clip: content-box;
    box-sizing: border-box;
}

Comments

[Lord_Dantes]

Задать элементу padding: 0; в style

[Wana1]

Lord_Dantes, а как через javascript сделать?

так не получается

document.getElementsByClassName('.grid_li').style.padding: = 0;

[Lord_Dantes]

Wana1, вместо getElements... сделайте .querySelector - если у вас 1 элемент такой

https://learn.javascript.ru/styles-and-classes

[Wana1]

html код присвоен стиль к этому элементу

<li class="it grid_li __double"></li>

не получиться еще так делал не отклюет

document.querySelector('.gifts_ul .grid_li').style.removeProperty('padding');

Answer 1

[BogSala]

Обьект.style.padding = ""
Or
Обьект.style.removeProperty('padding')

Comments

[Wana1]

не получается

Answer 2

[Сергей Соколов]

1. Через document.styleSheets получить список всех загруженных листов стилей.
   
2. В них отсыскать это правило.
   
3. Удалить его.
   
4. Заменить на версию без правила про padding.
   

Comments

[Wana1]

этот стиль в файле на сервере я учусь просто вот мне надо выключить стиль как на картинке показано как отключить через javascript после загрузки страницы

[Wana1]

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