Могу ли я выбрать элемент и изменить Classname таким образом?

#javascript #class #selector #classname #queryselector

#javascript #класс #селектор #classname #queryselector

Вопрос:

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

Я написал этот код. Но я не могу изменить Classname.

Комментарии:

1. вы захотите использовать select.classList.add('customClass')

Ответ №1:

Вам нужно изменить className свойство:

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

Другим способом было бы добавить его в classList , как предложено в комментариях:

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

Комментарии:

1. Спасибо, чувак… Я даже не вижу крошечной ошибки 😅😂

2.Разница между ними заключается в том, что параметр className перезаписывает все существующие классы, в то же время classList позволяя вам управлять списком назначенных классов с add() remove() toggle() помощью методов и .