Simple, ..yet doesn’t work

@toptomatoAug 23.2012

just wondering why my syntax isn’t working here..

this doesn’t work…

[code=php]function setBg() { el = document.getElementsByTagName(‘body’); el.style.backgroundColor = “#f9f363”; }[/code]

but this does…..

[code=php]function setBg() { document.body.style.backgroundColor = “#f9f363”; }[/code]

to post a comment

JavaScript

@bionoidAug 23.2012 — #getElementsByTagName returns a collection, so this should work:

[CODE]function setBg() { 
 el = document.getElementsByTagName('body')[COLOR="Red"][0][/COLOR]; 
 el.style.backgroundColor = "#f9f363"; 
 } [/CODE]

@JMRKERAug 23.2012 — #just wondering why my syntax isn't working here..

this doesn't work...

[code=php]function setBg() {
 el = document.getElementsByTagName('body');
 el.style.backgroundColor = "#f9f363";
 }[/code]

but this does.....

[code=php]function setBg() {
 document.body.style.backgroundColor = "#f9f363";
 }[/code]

[/QUOTE]

getElementsByTagName() returns an array, not an individual value.

Needs to be accessed like an array element.

See:

<i>
 </i>&lt;script type="text/javascript"&gt;
 function setBG() {
 el = document.getElementsByTagName('body');
 el[0].style.backgroundColor = "#00f363";
 } 
 
 function SETbg() {
 document.body.style.backgroundColor = "#f9f363";
 } 
 &lt;/script&gt;
 &lt;body&gt;
 &lt;button onclick="setBG()"&gt;Tag BG set&lt;/button&gt;
 &lt;button onclick="SETbg()"&gt;DOM BG set&lt;/button&gt;
 &lt;/body&gt;

@toptomatoauthorAug 23.2012 — #ahh yes, got it. thank you!

@JMRKERAug 23.2012 — #You're most welcome.

Happy to help

Good Luck!

?

Simple, ..yet doesn’t work

4 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Simple, ..yet doesn’t work

4 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #JavaScript _↴