JavaScript Method getelementsbyclassname или getElementById возвращается null ⇐ Javascript

[Anonymous]

Это кажется таким простой, но я не могу обернуть голову вокруг того, что я делаю неправильно.






< /code>
И у меня есть простой JavaScript, который я пытаюсь заполнить в рамках Tagtype Div. < /p>
const tags = ["One", "Two", "Three", "Four", "Five", "Six", "Seven"]
var varName = document.getElementsByClassName("tagtype");
function generateTags () {
for(var i = 0; i < tags.length; i++) {
var tagTypes = document.createElement("div");
tagTypes.innerHTML = tags;
tagTypes.classList.add(tags);
varName.append(tagTypes);
}
}
generateTags();
< /code>
В большинстве случаев я обнаружил, что при копании в этом люди объясняют, что код запускается до того, как элемент DOM существует, поэтому я попытался разместить теги сценария перед закрытием тела. Я также попытался пропустить цикл из -за и за пределами функции «Genatetags». Я пробовал вариации в классе в качестве идентификатора, передавая метод «getElementById ()» против div с идентификатором «Tagtype». Я даже столкнулся с дискуссией, предполагая, что мне нужно сделать переменную Tagtype первым в своем «массиве». Однако, несмотря на это, я не могу захватить Div в DOM и заполняю теги внутри элемента. Обычно я получаю некоторое изменение «Tagtype return null» или «неопределенного» или «Tagtype.append не является функцией».
Любой совет?

Подробнее здесь: https://stackoverflow.com/questions/795 ... rning-null