Добавление атрибута класса к элементу Swatch для его отключения не работает. ⇐ Html

[Anonymous]

Я пытался отключить элемент образца, значение data-swatch-option которого равно Box или «Box and Card», добавив класс class="swatch--disabled". Я хочу использовать только чистый JavaScript без какой-либо библиотеки для этого. Ниже приведен код, который я написал для установки атрибута. Замечено, что имя класса с двойным - в нем типа swatch--disabled не учитывается.
JavaScript:
// Get the element that displays Box swatch and "Box and Card" swatch
// Deactivate Box and "Box and Card" swatch
// Add appropriate copy for the alert
let productSwatches = document.querySelectorAll(".swatches__holder span");
productSwatches.forEach(element => {
let attributeValue = element.getAttribute("data-swatch-option");
console.log("data-swatch-option=" + attributeValue);
if (attributeValue == "Box") {
element.setAttribute("class", "swatch--disabled");
}
if (attributeValue == "Box and Card") {
element.setAttribute("class", "swatch--disabled");
}
});

HTML:

Add My Design To:

Box

Card
Box and Card



Подробнее здесь: https://stackoverflow.com/questions/731 ... nt-working