您的位置：首页 > 其它

关于表格中值的访问.

2004-12-20 00:09 267 查看
关于表格中值的访问.

var intSysTotal=0;
intSysTotal=document.getElementById("ReportGrid1").rows[2].cells[5].value;
//得到表格的值
document.form1.textfield.value=intSysTotal;
//在textfield(一个textbox)中显示。

在表格中第二行，第五列为2268
运行结果为intSysTotal 为undefine,请问什么原因。

答：intSysTotal=document.getElementById("ReportGrid1").rows[2].cells[5].innerText;
document.getElementById("ReportGrid1").rows[2].cells[5].innerText

有几个TABLE统计其中的一个
<input type=button value="统计" onClick=alert("共"+List.getElementsByTagName('tr').length+"行！")>

列表内容：
<table width="200" border="1" cellspacing="1" cellpadding="1" id="List">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

一般列表：
<table width="200" border="1" cellspacing="1" cellpadding="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

应用举例：

<html><head>
<script>
var lastRow=null,lastCell=null;
function findRow(e)
{
if (e.tagName == "TR") return e;
else if (e.tagName == "BODY") return null;
else return findRow (e.parentElement);
}
function findCell(e)
{
if (e.tagName == "TD") return e;
else if (e.tagName == "BODY") return null;
else return findRow (e.parentElement);
}
function sel()
{
var obj=event.srcElement;
var oTR=findRow(obj);
var oTD=findCell(obj);
if (oTR.id=="rowtop"||oTR.id=="rowbottom") return;
var cellnum=0;
for (;cellnum<oTR.cells.length&&oTR.cells[cellnum]!=oTD;cellnum++);
document.all.nowrow.value = oTR.id;
document.all.nowcell.value = ++cellnum;
if (lastRow) lastRow.runtimeStyle.backgroundColor="";
oTR.runtimeStyle.backgroundColor="#FFFFEE";
lastRow=oTR;
var oRows=document.all.tab1.tBodies[0].rows;
var vTotal=0;
if (lastCell)
{
for (i=1;i<oRows.length-1;i++)
{
oRows[i].cells[lastCell-1].runtimeStyle.backgroundColor="";
}
}
for (j=1;j<oRows.length-1;j++)
{
oRows[j].cells[cellnum-1].runtimeStyle.backgroundColor="#FFFFDD";
vTotal+=parseInt(oRows[j].cells[cellnum-1].innerText);
}
lastCell=cellnum;
if (vTotal) document.all.rowbottom.cells[cellnum-1].innerText=vTotal;
}
</script>
</head>

<body>
<table id="tab1" width="300" border="1" style="border-collapse:collapse" onclick="sel()">
<tr id="rowtop" bgcolor="#CCCCCC"><td>Goods</td><td>Price</td><td>Others</td></tr>
<tr id="row1"><td>Item1</td><td>100</td><td>ABC</td></tr>
<tr id="row2"><td>Item2</td><td>200</td><td>BCD</td></tr>
<tr id="row3"><td>Item3</td><td>150</td><td>CDR</td></tr>
<tr id="row4"><td>Item4</td><td>190</td><td>123</td></tr>
<tr id="row5"><td>Item5</td><td>300</td><td>234</td></tr>
<tr id="rowbottom" bgcolor="#99FF99"><td> </td><td> </td><td> </td></tr>
</table><p/>
当前行ID: <input type="text" name="nowrow" size="10">
当前列数: <input type="text" name="nowcell" size="10">
</body></html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航