您现在的位置： 365建站网 > 建站教程 > JavaScript 教程 > HTML DOM rows 集合

HTML DOM rows 集合

此节有 166 人学习过参与评论

HTML DOM Table 对象

定义和用法

rows 集合返回表格中所有行（TableRow 对象）的一个数组，即一个 HTMLCollection。

该集合包括 <thead>、<tfoot> 和 <tbody> 中定义的所有行。

语法

</>code
tableObject.rows[]

实例

下面的例子使用了 rows 集合来显示第一行中的内容：

</>code
<html>
<head>
<script type="text/javascript">
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>
</table>
<br />
<input type="button" onclick="showRow()" value="Show innerHTML">
</body>
</html>

亲自试一试

某一个行的 InnerHTML
通过 rows 集合向表格行添加一个单元格
排列表格行中的单元格内容
垂直排列表格行中的单元格内容
排列一个单独的单元格中的内容
垂直排列一个单独的单元格中的内容
更改表格单元格中的内容
更改一个表格行的 colspan

HTML DOM Table 对象

HTML

如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！点击进入论坛

您可能感兴趣的文章:

发表评论 (166人查看，0条评论): 请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。

昵称：

最新评论

------分隔线----------------------------

上一篇：HTML DOM cells 集合
下一篇：HTML DOM border 属性

JavaScript 教程目录

JavaScript基础

HTML DOM

公司信息: · 网站介绍; · 联系我们; · 加入我们; · 服务条款

快速入口: · 365软件; · 杰创官网; · 建站工具; · 网站大全

其它栏目: · 建站教程; · 365学习

业务咨询: · 技术支持; · 服务时间：9:00-18:00

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有鄂ICP备17013400号