From e4b7caf1c1bc7f1dd2056ac60487b77f38abd7a4 Mon Sep 17 00:00:00 2001 From: allo Date: Sat, 8 Jan 2022 10:17:27 +0800 Subject: mv to .md for web/api/htmltablerowelement/rowindex --- .../api/htmltablerowelement/rowindex/index.html | 58 ---------------------- .../web/api/htmltablerowelement/rowindex/index.md | 58 ++++++++++++++++++++++ 2 files changed, 58 insertions(+), 58 deletions(-) delete mode 100644 files/zh-cn/web/api/htmltablerowelement/rowindex/index.html create mode 100644 files/zh-cn/web/api/htmltablerowelement/rowindex/index.md (limited to 'files/zh-cn/web') diff --git a/files/zh-cn/web/api/htmltablerowelement/rowindex/index.html b/files/zh-cn/web/api/htmltablerowelement/rowindex/index.html deleted file mode 100644 index ef548d318b..0000000000 --- a/files/zh-cn/web/api/htmltablerowelement/rowindex/index.html +++ /dev/null @@ -1,58 +0,0 @@ ---- -title: HTMLTableRowElement.rowIndex -slug: Web/API/HTMLTableRowElement/rowIndex -translation_of: Web/API/HTMLTableRowElement/rowIndex ---- -
{{APIRef("HTML DOM")}}
- -

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

- -

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

- -

句法

- -
var index = HTMLTableRowElement .rowIndex
- -

值

- -

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

- -

例

- -

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

- -

的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>
- -

的JavaScript

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

结果

- -

{{EmbedLiveSample("Example")}}

- -

浏览器兼容性

- - - -

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

diff --git a/files/zh-cn/web/api/htmltablerowelement/rowindex/index.md b/files/zh-cn/web/api/htmltablerowelement/rowindex/index.md new file mode 100644 index 0000000000..ef548d318b --- /dev/null +++ b/files/zh-cn/web/api/htmltablerowelement/rowindex/index.md @@ -0,0 +1,58 @@ +--- +title: HTMLTableRowElement.rowIndex +slug: Web/API/HTMLTableRowElement/rowIndex +translation_of: Web/API/HTMLTableRowElement/rowIndex +--- +
{{APIRef("HTML DOM")}}
+ +

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

+ +

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

+ +

句法

+ +
var index = HTMLTableRowElement .rowIndex
+ +

值

+ +

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

+ +

例

+ +

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

+ +

的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>
+ +

的JavaScript

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

结果

+ +

{{EmbedLiveSample("Example")}}

+ +

浏览器兼容性

+ + + +

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

-- cgit v1.2.3-54-g00ecf