Добавить класс к div в коде JS?

Question

[Андрей]

Подскажите, как добавить класс к div элементу, который находится в коде JS.

var downloadButton = document.getElementById("download");
var counter = 10;
var newElement = document.createElement("div");
newElement.innerHTML = "You can download the file in 10 seconds.";
var id;

downloadButton.parentNode.replaceChild(newElement, downloadButton);

id = setInterval(function() {
    counter--;
    if(counter < 0) {
        newElement.parentNode.replaceChild(downloadButton, newElement);
        clearInterval(id);
    } else {
        newElement.innerHTML = "You can download the file in " + counter.toString() + " seconds.";
    }
}, 1000);

Answer 1

[Anonymous]

Добавьте строчку newElement.classList.add('Class');, где Class - имя вашего класса.

var downloadButton = document.getElementById("download");
var counter = 10;
var newElement = document.createElement("div");
newElement.innerHTML = "You can download the file in 10 seconds.";
var id;

newElement.classList.add('Class');

downloadButton.parentNode.replaceChild(newElement, downloadButton);

id = setInterval(function() {
    counter--;
    if(counter < 0) {
        newElement.parentNode.replaceChild(downloadButton, newElement);
        clearInterval(id);
    } else {
        newElement.innerHTML = "You can download the file in " + counter.toString() + " seconds.";
    }
},  1000);

Comments

[Андрей]

Спасибо!