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 |