Forum: Rails Spinoffs (closed, excessive spam) Unable to get style property

.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 "".

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 "".

Try:

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

-- kangax

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 ?

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