HTML 中的 <tr> 元素用于定义 HTML 表格中的行。<tr> 元素必须包含在 <table> 元素内,用来表示表格中的一行数据。
属性
<tr> 元素支持以下常用属性:
align: 指定表格行的水平对齐方式,可选值有left,center,right。valign: 指定表格行的垂直对齐方式,可选值有top,middle,bottom。bgcolor: 指定表格行的背景颜色,可以使用颜色名称或者十六进制值。
示例代码
-- -------------------- ---- -------
------ -----------
--- -------------- ------------------
-------- ------
-------- ------
-------- ------
-----
--- ------------ -------------
-------- ------
-------- ------
-------- ------
-----
--------在上面的示例代码中,我们创建了一个简单的表格,其中包含两行。第一行使用了 align 和 bgcolor 属性,第二行使用了 align 和 valign 属性。
注意事项
<tr>元素必须包含在<table>元素内,否则会导致 HTML 语法错误。<tr>元素通常与<td>元素一起使用,表示表格中的单元格,但也可以与<th>元素一起使用,表示表格中的表头单元格。
| 集合 | 描述 | W3C |
|---|---|---|
| cells | 返回表格行中所有<td>和<th>元素的集合 | Yes |
| 属性 | 描述 | W3C |
|---|---|---|
| align | 已废弃。 设置或返回在行中数据的水平排列。 | D |
| bgColor | 已废弃。 设置或返回表格行的的颜色。 | D |
| ch | 设置或返回在行中单元格的对齐字符。 | Yes |
| chOff | 设置或返回在行中单元格的对齐字符的偏移量。 | Yes |
| height | style.height | D |
| rowIndex | 返回该行在表中的位置。 | Yes |
| sectionRowIndex | R返回在 tBody 、tHead 或 tFoot 中,行的位置。 | Yes |
| vAlign | 设置或返回在行中的数据的垂直排列方式。 | Yes |
| 方法 | 描述 | W3C |
|---|---|---|
| deleteCell() | 删除行中的指定的单元格。 | Yes |
| insertCell() | 在一行中的指定位置插入一个空的元素。 | Yes |