用JavaScript获取Table三拇指定的行、列
日期：2014-05-16 浏览次数：20404 次
用JavaScript获取Table中指定的行、列
用Html构建3*3的Table，一个服务器控件TextBox，用于接收获取的Table值，一个Button，触发获取值的事件。
详见代码：
<html>
<head>
<title>演示获取Table的值</title>
<script type ="text/javascript">
// Description: 演示用JavaScript，获取Table中指定行、列元素值
// Notes: 采用简单的Table，并结合TextBox获取之
function GetTable23()
{
var txt=document.getElementById ("txtReceiver");
//第一种：用标记id的td元素，获取值方法
txt .value=document.getElementById ("23").innerHTML ;
//第二种：用获取Table（通过其id），指定获取的行、列
var valueTd=document.getElementById ("tbl").rows [1].cells[2];
txt.value=valueTd.innerHTML ;
}
</script>
</head>
<body>
<form id="form1">
<div>
<table style="width: 100%;" id ="tbl">
<tr>
<td>
11
</td>
<td>
12
</td>
<td>
13
</td>
</tr>
<tr>
<td>
21
</td>
<td>
22
</td>
<td id ="23">
23
</td>
</tr>
<tr>
<td>
&n
用Html构建3*3的Table，一个服务器控件TextBox，用于接收获取的Table值，一个Button，触发获取值的事件。
详见代码：
<html>
<head>
<title>演示获取Table的值</title>
<script type ="text/javascript">
// Description: 演示用JavaScript，获取Table中指定行、列元素值
// Notes: 采用简单的Table，并结合TextBox获取之
function GetTable23()
{
var txt=document.getElementById ("txtReceiver");
//第一种：用标记id的td元素，获取值方法
txt .value=document.getElementById ("23").innerHTML ;
//第二种：用获取Table（通过其id），指定获取的行、列
var valueTd=document.getElementById ("tbl").rows [1].cells[2];
txt.value=valueTd.innerHTML ;
}
</script>
</head>
<body>
<form id="form1">
<div>
<table style="width: 100%;" id ="tbl">
<tr>
<td>
11
</td>
<td>
12
</td>
<td>
13
</td>
</tr>
<tr>
<td>
21
</td>
<td>
22
</td>
<td id ="23">
23
</td>
</tr>
<tr>
<td>
&n
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
