JS显示表格内指定行html代码的方法

时间:2015-03-31    点击:150   

本文实例讲述了JS显示表格内指定行html代码的方法。分享给大家供大家参考。具体如下:

下面的js代码演示了如何通过表格的rows数组获得指定行的html代码,包含了所有列

<!DOCTYPE html>
<html>
<head>
<script>
function showRow()
{
alert(document.getElementById('myTable').rows[0].innerHTML);
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
<tr>
<td>Row3 cell1</td>
<td>Row3 cell2</td>
</tr>
</table>
<br>
<input type="button" onclick="showRow()"
value="Show innerHTML of first row">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

JS动态修改表格cellPadding和cellSpacing的方法
js实现的牛顿摆效果
JS动态显示表格上下frame的方法
JS实现控制表格只显示行边框或者只显示列边框的方法
jQuery选择器源码解读(八):addCombinator函数
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved