JavaScript function arguments statements

Question

My problem is: (only as example, must not make sense overall):

// make a function and pass part of the statement as argument
function ExampleFunction( argument ) {
    document.getElementById('TestID')[0].style.argument = '#f00';
}

// then later onload
ExampleFunction( background );

I found out that it doesn't work this way, but I can't find out how it would be right. If someone could correct the example to send me on my way I would be very happy and thankful.

possible duplicate: stackoverflow.com/questions/16413167/… — Qantas 94 Heavy
– Qantas 94 Heavy, Commented May 13, 2013 at 0:10

Musa · Accepted Answer · 2013-05-13 00:11:33Z

2

Firstly document.getElementById returns a single element (or null if no element is found), so not [0]. secondly if you want to reference a property dynamically use [] notation

// make a function and pass part of the statement as argument
function ExampleFunction( argument ) {
    document.getElementById('TestID').style[argument] = '#f00';
}

// then later onload
ExampleFunction( 'background' );

http://jsfiddle.net/HM3mu/

answered May 13, 2013 at 0:11

Musa

97.9k17 gold badges123 silver badges144 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Simon Over a year ago

ps i forgot the [0] from a different function i used to copy where it wasnt id´s. but thankyou anyway for correcting that too :)

monokh · Accepted Answer · 2013-05-13 00:11:18Z

-1

getElementById returns a single element and not a collection.

the correct code is:

document.getElementById('TestID').style.background = '#f00';

answered May 13, 2013 at 0:11

monokh

1,9903 gold badges22 silver badges32 bronze badges

Collectives™ on Stack Overflow

JavaScript function arguments statements

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related