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

2024-05-06 16:17:56

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了JS显示表格内指定行html代码的方法,涉及javascript获取行及innerHTML属性的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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>