Change table>tbody dinamically

Hi!

Here's my problem:

I've got a CSS like:


...
table>tbody {
overflow: auto;
height: ...
...
}

and:

<div id="table" class="tableContainer">
<table cellspacing="0">
<thead>
..
..
</thead>
<tbody>
..
..
</tbody>
</table>
</div>

Is it possible to change the height of '<tbody>'?

For example:

var x = document.getelemen(s)tby.... something??
x.stlye.height = 100 + 'px';

the css part sould be untouched (it's part of a fixed header table solution)

Thank you

If you can change the height of tbody with CSS then you can change it with JavaScript, too, yes.

Are you actually asking if or how it’s possible to change it?

Sorry, my question is how it's possible to change it with javascript.

Thanks for the help

Problem solved.

If anybody interested:


var tbody = document.getElementsByTagName('tbody')[0]
tbody.style.height = 1000 + 'px';