Set the property value of an object to be equal to the same property in another object

Question

I have this function:

function adjust_height () {
    document.getElementById('left').style.height = document.getElementById('center').style.height;
    document.getElementById('right').style.height = document.getElementById('center').style.height;
}

I want to know the syntax for doing this. Thanks in advance.

Cache the height of `#center` first, then assign to `#left` and `#right`. — elclanrs, Sep 15 '13 at 22:51
You should write your solution as an answer, so someone can upvote it. It's alright to answer your own questions, and you get reputation for it — andrew, Sep 19 '13 at 19:50

score 0 · Accepted Answer · answered Sep 24 '13 at 01:05

Thanks to everyone who answered, this is the working result =).

function adjust_height () {

    var center = document.getElementById('center') ;
    var left = document.getElementById('left') ;
    var right = document.getElementById('right') ;

    left.style.height = center.clientHeight + 'px';
    right.style.height = center.clientHeight + 'px';
}

style.height only has a value if the element has fixed height declared in the .css file, so you can't get the height that way if you are working with liquid elements!!.

Then you just have to call the function, i needed it on the body load, like this:

< body onload="adjust_height()">

Hope this helps, cheers! =).

Set the property value of an object to be equal to the same property in another object

1 Answers1