Я изменил имя класса в документе через "getElementById", но это не действует [дубликат].

Спасибо за помощь. Я изменил имя класса в JavaScript, но оно не меняется. [html]

<button id={{ product.id }} data-product={{ product.id }} data-action='add' class="btn btn-outline-secondary add-btn store-cart"> button</button>

[javascript]

var storeBtns = document.getElementsByClassName('store-cart')

for (i = 0; i < storeBtns.length; i++) {
    storeBtns[i].addEventListener('click', function(){
        document.getElementById(this.dataset.product).class = 'btn-primary'})}

Когда я проверяю (document.getElementById(this.dataset.product).class путем добавления alert в нижнюю строку, появляется "btn-primary", но это не применяется на странице. Что мне делать?

Я также пробовал с classList.add, но это не сработало, поэтому мне интересно, можно ли сделать что-нибудь еще, например, вернуть документ .

Спасибо.

Вернуться на верх