Как изменить стиль через javascript?

Question

html код

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

стиль

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

Нужно убрать padding: 16px 8px 8px; на padding: 0; Подскажите как сделать через javascript?

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

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

Answer 1

Попробуйте такое решение:

document.querySelector('.gifts_ul .grid_li').style.padding = '0';

Answer 2

Если просто заменить значение с одного на другое, то

document.querySelector('.grid_li').style.padding = 0;