Как переписать класс DOM элемента?

Question

[DZHAMBUALT]

Здрасте. У меня есть 10 element. Как переписать класс для каждого element так чтобы старый класс удалился и вместо него появился active? Мне нужно чтобы это сработало как textContent (если я удалю свой скрипт по переписыванию классов, то классы переписались. Как это сделать)?

HTML

<div class="block">
        <div class="element"></div>
        <div class="element"></div>
        <div class="element"></div>
        <div class="element"></div>
        <div class="element"></div>
        <div class="element"></div>
        <div class="element"></div>
        <div class="element"></div>
        <div class="element"></div>
        <div class="element"></div>
</div>

JS

const elements = document.querySelectorAll("element");

Answer 1

[sewaca]

JS выполняется на стороне клиента. Он не меняет файлы на сервере (потому что насколько я понял из вашего вопроса, вам нужно именно это)
Если хотите менять классы в самом html файле то в vs code выделите слово element, нажпмите shift+ctrl+l вроде и напишите новый класс
Ну либо используйте сборщики + шаблонизаторы, чтобы сильно не страдать когда надо что-то поменять в коде

Answer 2

[zeretkk]

Для начала, используемый вами селектор не найдет элементов по тегу "element". Для поиска по классу используйте ".element".

А принудительно переписать классы для всех элементов удовлетворяющих селектору ".element", можно например так:

const element = document.querySelectorAll('.element')
element.forEach(el=>el.className = 'active')

Comments

[DZHAMBUALT]

Да точку забыл. Но извините это не то что мне нужно. Мне нужно чтобы этот класс переписался в самом файле. И если я удалю скрипт то этот класс сохранился.

[DZHAMBUALT]

Наверное только вручную можно переписывать в файле класс для каждого элемента.

[DZHAMBUALT]

zeretkk, Про это пока не знаю, надо будет изучить.

[zeretkk]

DZHAMBULAT-SAMOUCHKA, можно использовать что-то в стиле Gulp или иные инструменты, чтобы перебирать файлы в необходимый вам вид перед публикацией. Однако, не совсем понимаю смысл вашей идеи.

[DZHAMBUALT]

zeretkk, Спасибо за помощь. Если вы не понимаете моего вопроса, то и дальнейших моих объяснений не поймёте. Я все таки думаю что решение в Gulp но не уверен.