Re: Unable to get style property

[mocambo]

In my previous message was an typo, so my question once again:

.css file contains:

.scrollbox_content {
padding: 5px

}

.js contains:

var content_div = document.createElement('div');
content_div.addClassName('scrollbox_content');
element.insert(content_div);

This "padding" is now visible but

$$('.scrollbox_content')[0].getStyle('padding')

gives "".


On Jul 6, 7:52 am, mocambo <moca...@hot.ee> wrote:
> .css file contains:
>
> .scrollbox_content {
> padding: 5px
>
> }
>
> .js contains:
>
> var content_div = document.createElement('div');
> content_div.addClassName('scrollbox_content');
> element.insert(this.content_div);
>
> This "padding" is now visible but
>
> $$('.scrollbox_content')[0].getStyle('padding')
>
> gives "".

[kangax]

Try:

parseFloat($$('.scrollbox_content')[0].getStyle('paddingLeft'), 10);

-- kangax

[mocambo]

Element.getstyle() reads element style values. And the current values
are:

$$('.scrollbox_content')[0].style.padding = "";
$$('.scrollbox_content')[0].style.paddingLeft = "";
$$('.scrollbox_content')[0].style.paddingTop = "";
$$('.scrollbox_content')[0].style.paddingBottom = "";
$$('.scrollbox_content')[0].style.paddingRight = "";

But browser shows 5px padding anyway. How to get these paddings ?

[mocambo]

Kangax, you were right ... getStyle returns values for 'paddingTop',
'paddingRight', 'paddingLeft', 'paddingBottom'.