Расширение Chrome - добавление элемента к другому элементу по имени класса

Question

У меня есть сценарий JS, который добавляет элемент div под другим элементом на странице по имени класса, хотя он, похоже, не работает.

var divthing = document.createElement("div"); 
divthing.setAttribute("class", "div-thing"); 
document.getElementsByClassName("page-element-class").appendChild(divthing); 

У меня есть другой скрипт, который делает что-то подобное, но работает. Я не знаю, почему этот скрипт не работает. Любая помощь в определении этого оценивается!

Answer 1

document.getElementsByClassName возвращает nodeList, а не элемент. Вместо этого используйте:

document.getElementsByClassName("page-element-class")[0].appendChild(divthing);