InnerText не подстанавливает текс в span. В чем может быть причина?

Question

[Chelovekvekvek]

В консоли ошибка "Uncaught TypeError: Cannot set property 'innerText' of null". Ни innerText,ни innerHtml не работают. Обернуть функцию в onload тоже не работает. В чём может быть причина?
https://jsfiddle.net/9hqwrfnc/1/

Answer 1

[Антон Спирин]

1. Вы пытаетесь получить селектор field-name__clb, а в HTML коде у вас определен .field-name__clb
2. В коде отсутствует вызов функции fieldsName
3. document.querySelector выберет только первый элемент, который совпадает с определенной группой селекторов

Comments

[Chelovekvekvek]

Спасибо большое! Заработало. Только получает почему-то одно значение из массива, последнее...

[Антон Спирин]

Chelovekvekvek, а какой результат вы хотите получить?

[Chelovekvekvek]

Антон Спирин, чтобы в каждом span выводилось по порядку по одному элементу массива

[Антон Спирин]

Chelovekvekvek, вам надо использовать document.querySelectorAll и точно так же обращаться к элементам выборки по индексу.

[diadiafiodor]

Во вложенном форе напишите
callbackField.innerText += name; и уберите 2 лишних спана

[Антон Спирин]

diadiafiodor, неверно. так весь текст окажется в первом span. А вложенный for вообще не нужен.

[Антон Спирин]

Chelovekvekvek, если сдадитесь или захотите сверить свое решение, то вот вариант решения.

[Chelovekvekvek]

Антон Спирин, всё, задача решена, всё получилось, большое спасибо за подсказки,без Вас бы ничего не вышло!

[diadiafiodor]

Антон Спирин, работает не трогай

[Антон Спирин]

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

[diadiafiodor]

Антон Спирин, пусть тогда и напишет об этом, если захочет

[Alexander]

Антон Спирин, а почему вы функцию в круглые скобки поместили?

[Антон Спирин]

Alexander, самовызывающаяся функция. Можно и так изменить.

diadiafiodor, я вас не понял. Если вы настаиваете на том, что ваш совет с конкатенацией имеет право на жизнь, то я с вами не соглашусь. Это даже не решение, так как результат получается отличный от ожидаемого и не решает задачу.
На этой площадке люди все-таки помогают друг другу, а не наоборот.

[Alexander]

Антон Спирин, клево, спасибо!!!

Answer 2

[Артур]

у вас неправильное указание класса в querySelector

Comments

[Trionik]

как узнать что оно не правильное?

Answer 3

[Дмитрий]

Пример