[SOLVED] [node].style.property = value

[play_]

Basically what im trying to do is  change the style of a div.

 

This is the function i use:

 

 

function change(target, value) {

    div = document.getElementById(target)

    div.style.borderWidth = value;

}

 

 

then i have a link like this:

<a href="#" onclick="change('test', '4px')">click</a>

 

It works fine. However, when i try to pass the a property name, it doesnt work. example:

 

 

function change(target,property, value) {

    div = document.getElementById(target)

    div.style.property = value;

}

 

 

<a href="#" onclick="change('test','borderWidth' '4px')">click</a>

 

 

 

Any ideas why?

 

[Zane]

try using

function change(target,property, value) {
    div = document.getElementById(target)
    div.style[property] = value;
}

[play_]

Thank you. Could you tell me why it has to be in that format though?

[Zane]

because borderWidth is inside the array style

 

say you have an array called arr

with 4 items

 

you can either use

arr.2 = 'whatever';

or

arr[2] to edit the value

 

and the same works for associative arrays...like style has

 

style.borderWidth = style['borderWidth']

style.marginLeft = style['marginLeft']

[play_]

Oh okay.

Thanks again