This is how I consummate reading a table in javascript. Basically I study down into the rows and then I was able to drill down into the individual cells for each row. This should give you an idea.
| Roll | Name | City |
|---|---|---|
| 101 | Sona | Varanasi |
| 102 | Mona | Chandauli |
| 103 | Amit | Jaunpur |
<html>
<head>
<title>Girfa
Student Help : Table read with javascript</title>
<script>
function
GetData()
{
var oTable =
document.getElementById('tbData');
var label =
document.getElementById('s1');
//gets rows of table
var rowLength =
oTable.rows.length;
//loops through rows
for (i = 0; i <
rowLength; i++) {
//gets cells of
current row
var oCells
= oTable.rows.item(i).cells;
//gets amount of
cells of current row
var
cellLength = oCells.length;
//loops through each
cell in current row
for (var j = 0;
j < cellLength; j++) {
/* get
your cell info here */
label.innerHTML+=
oCells.item(j).innerHTML + " | ";
}
label.innerHTML+="<br>"
}
}
</script>
</head>
<body>
<h1 align="center">Table
Data Read With Java Script</h1><hr />
<table border="1" id="tbData" cellspacing="0" cellpadding="5">
<tr>
<th>Roll</th>
<th>Name</th>
<th>City</th>
</tr>
<tr>
<td>101</td>
<td>Sona</td>
<td>Varanasi</td>
</tr>
<tr>
<td>102</td>
<td>Mona</td>
<td>Chandauli</td>
</tr>
<tr>
<td>103</td>
<td>Amit</td>
<td>Jaunpur</td>
</tr>
</table><br />
<input type="button" value="Read" onclick="GetData()" /><br /><br />
<span id="s1"></span>
</body>
</html>
No comments:
Post a Comment