javascript中如何获取一个html表格的内容

如题所述

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function clickTR(n)
{
var a=document.getElementById("td"+n+"1").innerText;
var b=document.getElementById("td"+n+"2").innerText;
var c=document.getElementById("td"+n+"3").innerText;
var d=document.getElementById("td"+n+"4").innerText;
alert(a);alert(b);alert(c);alert(d);
}
</script>
</head>

<body>
<form name="form1" action="">
<table width="98%" border="1" cellspacing="0" cellpadding="0">
<tr align="center">
<td width="25%">编号</td>
<td width="25%">姓名</td>
<td width="25%">性别</td>
<td width="25%">年龄</td>
</tr>
<tr align="center" onClick="clickTR(1);">
<td id="td11">1</td>
<td id="td12">张三</td>
<td id="td13">男</td>
<td id="td14">23</td>
</tr>
<tr align="center" onClick="clickTR(2);">
<td id="td21">2</td>
<td id="td22">李四</td>
<td id="td23">女</td>
<td id="td24">24</td>
</tr>

<tr align="center" onClick="clickTR(3);">
<td id="td31">3</td>
<td id="td32">王五</td>
<td id="td33">男</td>
<td id="td34">22</td>
</tr>
</table>
</form>
</body>
</html>

</script> 就可以获取表格内容
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-09-23
<table border="1" id="t_info" onclick="getCellValue()">
<tr><td>1-1</td><td>1-2</td><td>1-3</td></tr>
<tr><td>2-1</td><td>2-2</td><td>2-3</td></tr>
<tr><td>3-1</td><td>3-2</td><td>3-3</td></tr>
</table>
<script language="javascript">
function getCellValue() {
var obj = document.getElementById("t_info");
alert(obj.rows(1).cells(0).innerText);//显示第2行,第1列的内容
}

</script>本回答被提问者采纳
第2个回答  2011-02-24
楼上获取的是对象,不是内容。
内容的获取可以用 innerHTML属性或者是innerText属性
第3个回答  2011-02-24
给表格设置ID。或者name
然后用
getElementById('id'); 获取表格。。