Javascript DOM стайлинг

Question

Я хочу добраться до родительского узла моего списка (с помощью селектора идентификаторов) и стилизовать его, добавив цвет фона, используя простой JavaScript. Это мой код, но не работает.

    var listParentNode;
    listParentNode = getElementById("list2").parentNode;
    listParentNode.style.backgroundColor = "#deff00"; 

Есть идеи, почему это не работает и как я могу это исправить? Спасибо

Answer 1

getElementById является функцией документа.

var listParentNode = document.getElementById("list2").parentNode;

Answer 2

var listParentNode;
listParentNode = document.getElementById("list2").parentNode;
listParentNode.style.backgroundColor = "#deff00"; 

<div>parent div
  <div id="list2">inside div</div>
</div>

Вы должны использовать document.getElementById