Can I select an element and change Classname like this?

Question

function name() {
    const select = document.querySelector("#id");
    select.classname = ("customclass")
}

I've written this code. But I'm unable to change the Classname.

Answer 1

You need to change the className property:

const select = document. querySelector("#id"); 
select.className = "customclass";
console.log(select);

<div id="id"></div>

Another way would be adding it to the classList as suggested in the comments:

const select = document. querySelector("#id"); 
select.classList.add("customclass");
console.log(select);

<div id="id"></div>