Javascript DOM styling

Question

I want to reach the parentnode of my list (with an id selector)and style it adding a background color using plain javascript. This is my code, but doesn't work.

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

Any ideas why it doesn't work and how I can fix it? Thanks

score 1 · Accepted Answer · answered Jun 13 '16 at 01:56

1

getElementById is a function of document.

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

answered Jun 13 '16 at 01:56

Mengo

1,177
1
10
25

Forgot to type document. But my code still doesn't work. – Anna Bannanna Jun 13 '16 at 02:07
No. The weird thing is that it works when I type it in the console, but not when i refresh the page. – Anna Bannanna Jun 13 '16 at 02:20
Does @Bill Dong solution work? what's your html structured. You should include it in your question. – Mengo Jun 13 '16 at 02:23
Restarted Chrome and got it to work! Thanks for your help! – Anna Bannanna Jun 13 '16 at 02:25
Yeah, sometimes restart chrome will help. ;) – Mengo Jun 13 '16 at 02:32

score 0 · Answer 2 · answered Jun 13 '16 at 01:58

0

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

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

you should use document.getElementById

answered Jun 13 '16 at 01:58

Chen Don

16
3

Forgot to type document. But my code still doesn't work. – Anna Bannanna Jun 13 '16 at 02:03

Javascript DOM styling

2 Answers2