Normally, it's hard to get table height with javascript because javascript cannot read or retrieve table as follow

view plain print about
1<table id="tableID">
2    <tr>
3        <td>Height</td>
4    </tr>
5</table>
6
7<script>
8<!--
9    getTableHeight = document.getElementById("tableID").offsetHeight;
10    alert(getTableHeight)
11 -->
12</script>

When I render above script, return value will be "NULL" or "undefined". That's why we need to put "div" before and after of "table" and remove "id" attribute from "table" tag.

view plain print about
1<div id="myTable">
2<table>
3    <tr>
4        <td>Height</td>
5    </tr>
6</table>
7</div>
8
9<script>
10<!--
11    getTableHeight = document.getElementById("myTable").offsetHeight;
12    alert(getTableHeight)
13 -->
14</script>

When I render above script, we will receive exact height of table for sure.

This entry was posted on January 19, 2012 at 9:29 PM and has received 830 views. There are currently 2 comments. Print this entry.