IgorFCDK1927
@IgorFCDK1927
Junior

Как удалить класс на чистом JavaScript?

Вот код, но класс не удаляется и пишется ошибка document.getElementByClass is not a function, в чем может быть проблема?

function myFunction() {
var element = document.getElementsByClassName("mystyle");
element.classList.remove("mystyle");
}
myFunction();

<div class="mystyle"></div>
  • Вопрос задан
  • 136 просмотров
Пригласить эксперта
Ответы на вопрос 3
kartovitskii
@kartovitskii
Fullstack
getElementsByClassName

Элементов с этим классом может быть и несколько, так что не забываем про индекс
document.getElementsByClassName("mystyle")[0]
Ответ написан
sergiks
@sergiks Куратор тега JavaScript
♬♬
const className = "mystyle";
const els = document.getElementsByClassName(className);
while (els.length > 0) els[0].classList.remove(className);
Ответ написан
@Nwton
Простой вариант:
function delete_class_by_name(class_name)
{
	let element = document.querySelector('.' + class_name);
  
	if (element) element.classList.remove(class_name);
}

delete_class_by_name('mystyle');

Удаляет классы по имени со всех элементов с классом:
function delete_all_class_by_name(class_name)
{
	let elements = document.querySelectorAll('.' + class_name);
  
	elements.forEach(function(element){
  
  	element.classList.remove(class_name);
    
  });
}

delete_all_class_by_name('mystyle');
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы