javascript中如何获取一个html表格的内容
4个回答
展开全部
<%@ 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> 就可以获取表格内容
<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> 就可以获取表格内容
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<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>
<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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼上获取的是对象，不是内容。
内容的获取可以用 innerHTML属性或者是innerText属性
内容的获取可以用 innerHTML属性或者是innerText属性
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给表格设置ID。或者name
然后用
getElementById('id'); 获取表格。。
然后用
getElementById('id'); 获取表格。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
