Как изменить значение внутри класса?

Question

[L1nw0od]

Внутри на html  страничке есть тег span с классом .test__1 (этот тег с этим классом встречается на этой страничке раз 5-6, как сделать так чтоб внутри этого тега я менял значение и оно менялось не у одного тега а у всех.

<span class="test__1">123</span>
	<span class="test__1">124</span>
	<span class="test__1">125</span>

const cl = document.querySelector('.test__1')
cl.textContent = 'Значение 1'
console.log(cl)

Comments

[0xD34F]

Не меняется значение внутри класса через textContent?

Если ответ "да, не меняется" вас не устроит, то тогда нарушаете 3.6.

Доброго времени суток

А здесь уже без вариантов нарушение 3.4.

максимально простой вопрос

Следовательно, вы максимально глупы.

[Сергей delphinpro]

Пробовал поставить. document.querySelectorAll - не работает (в чем ошибка?

Откуда мы знаем в чем ошибка? вы же не показываете код, как вы пробовали это провернуть с querySelectorAll.

ЗЫ. Нет, ну мы-то конечно знаем. Тут такие вопросы каждый день задаются. Что аж отвечать надоело.
Вы попробуйте документацию по этому методу почитать. Спорю на косарь, что вы туда даже не заглядывали, а сразу побежали спрашивать.

[Сергей delphinpro]

https://qna.habr.com/help/rules

3. В процессе создания вопроса пользователь Сервиса обязан:
3.6. Соблюдать нормы русского языка и принципы построения вопросительных предложений. Формулируя текст вопроса не следует злоупотреблять ПРОПИСНЫМИ БУКВАМИ. Также следует понимать, что само по себе добавление вопросительного знака не превращает любое предложение в вопрос, поэтому следует использовать порядок слов, характерный для вопросительных предложений.

[L1nw0od]

0xD34F, Я понял - нужно изменить поставленный вопрос. Извиняюсь

[Сергей delphinpro]

https://qna.habr.com/help/rules

3. В процессе создания вопроса пользователь Сервиса обязан:
3.4. Помнить о том, что сервис вопросов и ответов «Хабр Q&A» не является форумом, чатом или социальной сетью. Следует избегать употребления речевых оборотов, характерных для этих типов ресурсов. Вопрос и его описание не должны содержать приветствий и прочих «лирических отступлений».

[0xD34F]

L1nw0od, есть ещё пункт 2.2. То есть, следует понять, что вопрос надо не изменить, а удалить.

[L1nw0od]

0xD34F, Вопрос сейчас правильно составлен?

[Сергей delphinpro]

L1nw0od, почитайте уже документацию. там ответ на ваш вопрос.
https://developer.mozilla.org/.../querySelectorAll

[L1nw0od]

Сергей delphinpro, Я ставил querySelectorAll - не работает с ним!

[Сергей delphinpro]

L1nw0od, да прочитайте уже документацию, блеать!!! Вам даже ссылку дали. Мало просто заменить одно на другое...

[L1nw0od]

Сергей delphinpro, Получается что он видит совпадение по классам только 1 раз и для того чтоб он видел все совпадения - нужно использовать оператор зацикливания/перебора?

[Сергей delphinpro]

L1nw0od, Именно это там по-русски и написано. Зачем вы переспрашиваете очевидное?

[L1nw0od]

Сергей delphinpro, Тогда следующий вопрос касательно этой темы. Подскажите как это оптимизировать или может есть какие-то другие решения.
---
Например в проекте нужно будет менять цены в 1000 разных классах на разных страницах - есть ли какие-то более правильные или легкие способы решения этого? В плане легкие я подразумеваю под оптимизированным решением.

[Сергей delphinpro]

L1nw0od, ну самое простое - выделить общий код в функцию и дергать ее, передавая параметром необходимый селектор.

function updateHTML(selector, content) {
  ...documentQuerySelectorAll(selector).forEach( el => {
    el.textContent = content;
  });
}

[Максим]

L1nw0od, а у вас и админка есть?каким образом происходит смена цены?

[Максим]

L1nw0od, вы реально думаете что есть 10000 товаров и для каждого товара своя html страничка ?

[L1nw0od]

Максим, Там что-то самодельное.
В целом вариант выше подходит - но все же

[Максим]

L1nw0od, хотелось бы понять, каким образом происходит смена значения