From 86dde1dc07b84e776bb05493b659c5fe1baedf48 Mon Sep 17 00:00:00 2001 From: allo Date: Sat, 8 Jan 2022 10:50:51 +0800 Subject: correct the translation for rowElement.rowIndex Also fix the live sample. --- .../web/api/htmltablerowelement/rowindex/index.md | 82 ++++++++++++---------- 1 file changed, 46 insertions(+), 36 deletions(-) (limited to 'files/zh-cn/web') diff --git a/files/zh-cn/web/api/htmltablerowelement/rowindex/index.md b/files/zh-cn/web/api/htmltablerowelement/rowindex/index.md index ef548d318b..985e2e7074 100644 --- a/files/zh-cn/web/api/htmltablerowelement/rowindex/index.md +++ b/files/zh-cn/web/api/htmltablerowelement/rowindex/index.md @@ -1,58 +1,68 @@ --- title: HTMLTableRowElement.rowIndex slug: Web/API/HTMLTableRowElement/rowIndex +tags: + - API + - HTML DOM + - NeedsSpecTable + - Property + - Reference translation_of: Web/API/HTMLTableRowElement/rowIndex --- -
{{APIRef("HTML DOM")}}
+{{APIRef("HTML DOM")}} -

的HTMLTableRowElement.rowIndex只读属性表示一个行相对于整个位置的{{HtmlElement("table")}}。

+只读属性 **`HTMLTableRowElement.rowIndex`** 用于表示元素所在行相对于整个 {{HtmlElement("table")}} 的逻辑位置。 -

即使{{HtmlElement("thead")}}，{{HtmlElement("tbody")}}和{{HtmlElement("tfoot")}}}的元素在HTML中乱序显示，浏览器也会以正确的顺序。因此，行数从<thead>到<tbody>，从<tbody>到<tfoot>。

+即使 {{HtmlElement("thead")}}、{{HtmlElement("tbody")}} 和 {{HtmlElement("tfoot")}}} 元素在 HTML 中乱序排列，浏览器也会以正确的顺序渲染表格。因此，行号的标记顺序为：从 `` 到 ``，再到 ``。 -

句法

+## 语法 -
var index = HTMLTableRowElement .rowIndex
+```js +var index = HTMLTableRowElement.rowIndex +``` -

值

+### 返回值 -

返回该行的索引，或者-1如果该行不属于表的一部分，则返回该索引。

+返回该行的索引，如果该行不属于表的一部分，则返回 `-1`。 -

例

+## 示例 -

本示例使用JavaScript标记表中的所有行号。

+本示例使用 JavaScript 标记表中的所有行号。 -

的HTML

+### HTML -
<表格>
-  <thead>
-    <tr> <th>商品</ th> <th>价格</ th> </ tr>
-  </ thead>
-  <身体>
-    <tr> <td>香蕉</ td> <td> $ 2 </ td> </ tr>
-    <tr> <td>橙色</ td> <td> $ 8 </ td> </ tr>
-    <tr> <td>顶级沙朗</ td> <td> $ 20 </ td> </ tr>
-  </ tbody>
-  <脚>
-    <tr> <td>总计</ td> <td> $ 30 </ td> </ tr>
-  </ tfoot>
-</ table>
+```html + + + + + + + + + + + + +
商品 价格
香蕉 $2
橘子 $8
西冷牛排 $20
总计 $30
+``` -

的JavaScript

+### JavaScript -
让行= document.querySelectorAll（'tr'）;
-
-rows.forEach（（row）=> {
-  让z = document.createElement（“ td”）;
-  z.textContent =`（row＃$ {row.rowIndex}）`;
-  row.appendChild（z）;
-}）;
+```js +let rows = document.querySelectorAll('tr'); -

结果

+rows.forEach((row) => { + let z = document.createElement("td"); + z.textContent = `(row #${row.rowIndex})`; + row.appendChild(z); +}); +``` -

{{EmbedLiveSample("Example")}}

+### 结果 -

浏览器兼容性

+{{EmbedLiveSample("Example")}} +## 浏览器兼容性 - -

{{Compat("api.HTMLTableRowElement.rowIndex")}}

+{{Compat}} -- cgit v1.2.3-54-g00ecf