js動態修改、獲取table單元格的內容
<table border=1 width=200 height=150 id='tab'>
<tr><td>111</td><td>111</td></tr>
<tr><td>222</td><td>222</td></tr>
<tr><td>333</td><td>333</td></tr>
<tr><td>444</td><td>444</td></tr>
</table>
<p align=center><input type='button' onclick='change()'>
<script>
function change(){
document.getElementById('tab').rows[0].childNodes[0].innerText = 'aaa';
}
</script>
--------------------------------------------------------------------------------
<table id="test">
<tr>
<td>hello</td>
</tr>
</table>
<script language="JavaScript">
alert(document.getElementById("test").rows[0].cells[0].innerText);
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文件</title>
</head>
<body>
<table id="tb">
<tr>
<td>title</td>
<td>title1</td>
</tr>
<tr>
<td>test</td>
<td>test1</td>
</tr>
</table>
<input type="button" onClick="show(tb,result);" value="獲取">
<input type="text" size=10 name="result">
<script language="javascript">
function show(tb,txt)
{
document.all.result.value=document.all.tb.rows(1).cells(1).innerHTML;
}
</script>
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><span id="feedback_info" style="color:#FF0000"></span></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script>
document.getElementById("feedback_info").innerHTML="aaaaaa";
document.all.tb.rows(0).cells(1).innerHTML="aaaaaa";
</script>
</body>
</html>
js獲得<table>的單元格資訊
1. 獲取表格中的某個單元格的內容
var tid=listFrame.now.rows[1].cells[2].innerHTML;
listFrame是指某一視窗或者frame
now 是表格的id
rows[i] 是指某一行 比如屬性:length
cells[j] 是指某一個單元格 rows[i].cells[j]表示第i行第j列
innerHTML是指單元格的值
2 只重新整理一次
function reurl(){
url = location.href; //把當前頁面的地址賦給變數 url
var times = url.split("?"); //分切變數 url 分隔符號為 "?"
if(times[1] != 1){ //如果?後的值不等於1表示沒有重新整理
url += "?1"; //把變數 url 的值加入 ?1
parent.parent.location.reload() //重新整理頁面
}
else{
reutrn false;
}
}