<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript DOM Operation</title>
<script>
function readTable(){
var tbodyNode = document.getElementById("mytbody");
var trNodes = tbodyNode.childNodes;
for (var i= 0; i < trNodes.length; i++){
tr = trNodes[i];
for (var j = 0; j < tr.childNodes.length; j++){
var content = tr.childNodes[j].firstChild.nodeValue;
alert(content);
}
}
}
</script>
</head>
<body>
<table id="mytable" border="1">
<thead>
<tr>
<td>ID</td>
<td>Name</td>
</tr>
</thead>
<tbody id="mytbody">
<tr>
<td>0001</td>
<td>ZhangSan</td>
</tr>
<tr>
<td>0002</td>
<td>LiSi</td>
</tr>
</tbody>
</table>
<form>
<input type="button" onclick="readTable()" value="readStart">
</form>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript DOM Operation</title>
<script>
function readTable(){
var tbodyNode = document.getElementById("mytbody");
var trNodes = tbodyNode.childNodes;
for (var i= 0; i < trNodes.length; i++){
tr = trNodes[i];
for (var j = 0; j < tr.childNodes.length; j++){
var content = tr.childNodes[j].firstChild.nodeValue;
alert(content);
}
}
}
</script>
</head>
<body>
<table id="mytable" border="1">
<thead>
<tr>
<td>ID</td>
<td>Name</td>
</tr>
</thead>
<tbody id="mytbody">
<tr>
<td>0001</td>
<td>ZhangSan</td>
</tr>
<tr>
<td>0002</td>
<td>LiSi</td>
</tr>
</tbody>
</table>
<form>
<input type="button" onclick="readTable()" value="readStart">
</form>
</body>
</html>
