TR 元素 | tr 对象
指定表格中的一行。
成员表
下面的表格列出了 tr 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。
标签属性/属性
行为
集合
事件
方法
对象
样式
注释
TD 和 TH 元素可以在行中出现。
要更改 TR 元素中的 HTML,请使用表格对象模型。例如,使用 rowIndex 属性或 rows 集合获取对特定表格行的引用。你可以使用 insertRow 和 deleteRow 方法添加或删除行。要获取对特定单元格的引用,请使用 cellIndex 属性或 cells 集合。你可以使用 insertCell 和 deleteCell 方法添加或删除单元格。要更改特定单元格的内容,请使用 innerHTML 或 innerText 属性。
table 对象及其相关的元素有独立的表格对象模型,这与常规对象模型所采用的方法有很大不同。要获得关于表格对象模型更多的信息,请参看如何动态生成表格。
此元素在 Microsoft® Internet Explorer 3.0 的 HTML 中可用,在 Internet Explorer 4.0 的脚本中可用。
此元素是块元素。
此元素需要关闭标签。
示例
下面的例子演示了如何在 HTML 和脚本中创建表格行。
这个例子使用了 TR 元素和 TABLE, TD 及 TR 元素创建了两行的表格。
<TABLE>
<TR>
<TD>这是第一行。</TD>
</TR>
<TR>
<TD>这是第二行。</TD>
</TR>
</TABLE>
这个例子使用表格对象模型在用户单击按钮时向表格中动态添加了两行和两个单元格。
<SCRIPT>
function createRows(){
// 插入两行。
var oRow1=oTable.insertRow(oTable.rows.length);
var oRow2=oTable.insertRow(oTable.rows.length);
// 获取表格的行集合。
var aRows=oTable.rows;
// 获取第一行的单元格集合。
var aCells=oRow1.cells;
// 在第一行中插入两个单元格。
var oCell1_1=aRows(oRow1.rowIndex).insertCell(aCells.length);
var oCell1_2=aRows(oRow1.rowIndex).insertCell(aCells.length);
// 获取第二行的单元格集合。
aCells=oRow2.cells;
// 在第二行中插入两个单元格。
var oCell2_1=aRows(oRow2.rowIndex).insertCell(aCells.length);
var oCell2_2=aRows(oRow2.rowIndex).insertCell(aCells.length);
// 为 4 个新单元格添加规范的 HTML 值。
oCell1_1.innerHTML="<B>Cell 1.1!</B>";
oCell1_2.innerHTML="<B>Cell 1.2!</B>";
oCell2_1.innerHTML="<B>Cell 2.1!</B>";
oCell2_2.innerHTML="<B>Cell 2.2!</B>";
}
</SCRIPT>
<INPUT TYPE="button" VALUE="创建行" onclick="createRows()">
<TABLE BORDER=1 ID="oTable">
<TR><TD></TD></TR>
</TABLE>
标准信息
此对象定义在 HTML 3.2
和万维网协会(W3C)文档对象模型(DOM) 级别 1
中。
参看
如何动态生成表格, table, borderCollapse