关于js中的rows&cells

最新推荐文章于 2025-10-09 00:07:06 发布

原创最新推荐文章于 2025-10-09 00:07:06 发布 · 4.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#table #button #border

Javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个简单的HTML示例，展示了如何使用JavaScript获取表格中的单元格内容。通过具体代码实现，读者可以了解到如何选取特定单元格并读取其内容。

定义和用法

cells 集合返回表格中所有单元格的一个数组。

rows 集合放回表格中所有行的一个数组.

语法

tableObject.cells[]

tableObject.rows[]

实例
下面的例子使用 cells 来显示出第一个单元格的内容：
<html>

<head>

<script type="text/javascript">

function GetCellText()

  {

  var x=document.getElementById('table1').rows[0].cells[0].innerHTML;

  alert(x);

  }

</script>

</head>

<body>



<table id="table1" border="1">

<tr>

<td>cell 1</td>

<td>cell 2</td>

</tr>

</table>

<br />

<input type="button" onclick="GetCellText()" value="GetCellText">



</body>

</html>