Javascript - Cannot set property 'backgroundColor'

Question

I'm trying to make a website, but I'm having a problem. When I run it in Chrome I get: "Cannot set property 'backgroundColor' of undefined". I don't understand why I'm getting this. My var is not an array (just an id). I've been googling it for 2 hours but nothing helps me. Here's my HTML code: ``` $(document).ready ( function() { $("#go").bind("click", remonte) } ); function remonte(){ $("#menu").animate({marginTop: "-460"}, 500); $("#ar").animate({marginTop: "120"}, 500); $("#reste").animate({height: "500", marginTop: "-50"},400); $("#go").remove(); setTimeout(charge, 510); } function charge(){ $('#reste').load("about.html",'',montreNouveauContenu); $("#surmenu").style.backgroundColor="transparent"; //HERE $("#menu_jaune").animate({width: "900"}, 500); } function montreNouveauContenu() { $('#content').show('normal'); } function suppr(){ $("#dev").remove(); $("#reste").remove(); $("#content").remove(); $("#bandeau_graphisme").animate({height: "255"},500); } ``` ``` <script src="https…

Accepted Answer

It's because a jQuery object doesn't have a `style` property.

```
    // ---------v----???
$("#surmenu").style.backgroundColor="transparent"; //HERE
```

It should be like this:

```
$("#surmenu").css("backgroundColor", "transparent");
```

If you wanted to use the DOM API, you could do a traditional DOM selection:

```
document.getElementById("surmenu").style.backgroundColor="transparent";
```

Javascript - Cannot set property 'backgroundColor'

Solution

Problem