Skip to content

Commit

Permalink
Apply suggestions from code review
Browse files Browse the repository at this point in the history
Co-authored-by: A1lo <[email protected]>
  • Loading branch information
fuchunhui and yin1999 authored Sep 9, 2024
1 parent 8202a9e commit 4f22e9a
Show file tree
Hide file tree
Showing 5 changed files with 18 additions and 18 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ button {
```js
// 获取相关接口元素
const bodySection = document.querySelectorAll("tbody")[0];
const rows = bodySection.rows; // 集合是实时的,因此其总是最新的
const rows = bodySection.rows; // 集合是动态的,因此其总是最新的
const rowNumberDisplay = document.querySelectorAll("output")[0];

const addButton = document.getElementById("add");
Expand Down
4 changes: 2 additions & 2 deletions files/zh-cn/web/api/htmltablesectionelement/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,11 @@ _从其父接口 {{domxref("HTMLElement")}} 继承属性。_
- {{domxref("HTMLTableSectionElement.align")}} {{deprecated_inline}}
- : 一个反映 [`align`](/zh-CN/docs/Web/HTML/Element/tr#align) 属性的字符串枚举值。其指示元素内容相对于周围上下文的对齐方式,可能的值有:`"left"``"right"``"center"`
- {{domxref("HTMLTableSectionElement.rows")}} {{ReadOnlyInline}}
- : 返回包含 section 中行的实时 {{domxref("HTMLCollection")}},此 `HTMLCollection` 是实时的,且当行添加或删除时自动更新
- : 返回包含 section 中行的动态 {{domxref("HTMLCollection")}}`HTMLCollection` 是动态的,当添加或删除行时会自动更新
- {{domxref("HTMLTableSectionElement.ch")}} {{deprecated_inline}}
- : 一个包含单字符的字符串。这个字符是用来对齐某一列所有单元格内容的基准。它反映 [`char`](/zh-CN/docs/Web/HTML/Element/tr#char) 并默认为与语言相关的小数点,例如,英语的默认值是`“.”`,法语的默认值为`“,”`。此属性是可选的,且支持度不是很好。
- {{domxref("HTMLTableSectionElement.chOff")}} {{deprecated_inline}}
- : 一个包含整数的字符串,表示由 `HTMLTableRowElement.ch` 定义的字符的右侧(对于从左到右的脚本;或者对于从右到左的脚本在左侧)必须保留多少个字符。此属性是可选的,并没有得到很好的支持。
- : 一个包含整数的字符串,表示由 `HTMLTableRowElement.ch` 定义的字符的右侧(对于从左到右的文本;或者对于从右到左的文本的左侧)必须保留多少个字符。此属性是可选的,并没有得到很好的支持。
- {{domxref("HTMLTableSectionElement.vAlign")}} {{deprecated_inline}}
- : 一个表示枚举值的字符串,指示单元格内容必须如何对齐。它反映 [`valign`](/zh-CN/docs/Web/HTML/Element/tr#valign) 属性,且可以具有以下值之一:`“top”``“middle”``“bottom”``“baseline”`

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -30,11 +30,11 @@ insertRow(index)
### 异常

- `IndexSizeError` {{domxref("DOMException")}}
- : 如果 `index` 大于行数或小于 `-1`则抛出异常
- : 如果 `index` 大于行数或小于 `-1`则抛出此异常

## 示例

在这个示例中,有两个按钮允许你从表格主体添加和移除行,它还使用表中当前行数更新 {{HTMLElement("output")}} 元素。
在这个示例中,有两个按钮允许你对表格主体添加和移除行,它还使用表中当前行数更新 {{HTMLElement("output")}} 元素。

### HTML

Expand Down Expand Up @@ -78,7 +78,7 @@ button {
```js
// 获取相关接口元素
const bodySection = document.querySelectorAll("tbody")[0];
const rows = bodySection.rows; // 集合是实时的,因此其总是最新的
const rows = bodySection.rows; // 集合是动态的,因此其总是最新的
const rowNumberDisplay = document.querySelectorAll("output")[0];

const addButton = document.getElementById("add");
Expand Down Expand Up @@ -110,7 +110,7 @@ removeButton.addEventListener("click", () => {
});
```

### Result
### 结果

{{EmbedLiveSample("示例", "100%", 175)}}

Expand Down
8 changes: 4 additions & 4 deletions files/zh-cn/web/api/htmltablesectionelement/rows/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,11 +11,11 @@ l10n:

##

一个实时 {{domxref("HTMLTableRowElement")}} 的 {{domxref("HTMLCollection")}} 对象。
一个动态 {{domxref("HTMLTableRowElement")}} 的 {{domxref("HTMLCollection")}} 对象。

## 示例

在这个示例中,有两个按钮允许你从表格主体添加和移除行,它还使用表中当前行数更新 {{HTMLElement("output")}} 元素。
在这个示例中,有两个按钮允许你对表格主体添加和移除行,它还使用表中当前行数更新 {{HTMLElement("output")}} 元素。

### HTML

Expand Down Expand Up @@ -59,7 +59,7 @@ button {
```js
// 获取相关接口元素
const bodySection = document.querySelectorAll("tbody")[0];
const rows = bodySection.rows; // 集合是实时的,因此其总是最新的
const rows = bodySection.rows; // 集合是动态的,因此其总是最新的
const rowNumberDisplay = document.querySelectorAll("output")[0];

const addButton = document.getElementById("add");
Expand Down Expand Up @@ -91,7 +91,7 @@ removeButton.addEventListener("click", () => {
});
```

### Result
### 结果

{{EmbedLiveSample("示例", "100%", 175)}}

Expand Down
14 changes: 7 additions & 7 deletions files/zh-cn/web/api/htmltablesectionelement/valign/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,29 +7,29 @@ l10n:

{{APIRef("HTML DOM")}}{{deprecated_header}}

{{domxref("HTMLTableSectionElement")}} 接口的 **`vAlign`** 属性是一个指示如何在 {{htmlelement("thead")}}、{{htmlelement("tbody")}} 或 {{htmlelement("tfoot")}} 表格部分垂直对齐文本字符串,单个行和单元格可以覆盖它。
{{domxref("HTMLTableSectionElement")}} 接口的 **`vAlign`** 属性是一个指示如何在 {{htmlelement("thead")}}、{{htmlelement("tbody")}} 或 {{htmlelement("tfoot")}} 表格部分垂直对齐文本的字符串,单个行和单元格可以覆盖它。

> [!NOTE]
> 此属性已废弃,使用 CSS 在单元格中水平对齐文本。使用 CSS {{cssxref("vertical-align")}} 属性垂直对齐单元格中文本
> 此属性已弃用。请使用 CSS {{cssxref("vertical-align")}} 属性来垂直对齐分段单元格中的文本
##

可能的值有:`top``middle``bottom``baseline`
可能的值有:`"top"``"middle"``"bottom"``"baseline"`

- `top`
- : 将文本与单元格顶部对齐使用 `vertical-align: top` 代替。
- : 将文本与单元格顶部对齐使用 `vertical-align: top` 代替。
- `center`
- : 将文本与单元格垂直居中对齐,`middle` 的同义词。使用 `vertical-align: middle` 代替。
- `middle`
- : 将文本与单元格垂直居中对齐。使用 `vertical-align: middle` 代替。
- `bottom`
- : 将文本与单元格底部对齐使用 `vertical-align: bottom` 代替。
- : 将文本与单元格底部对齐使用 `vertical-align: bottom` 代替。
- `baseline`
- : 与 `top` 相似,但将文本的基线对齐到最靠近顶部,这样字符的任何部分都不会超出单元格。
- : 与 `top` 相似,但使文本的基线贴近顶部,这样字符的任何部分都不会超出单元格。

## 示例

使用 CSS {{cssxref("vertical-align")}} 替代,它具有优先权,如[垂直对齐表格单元格](/zh-CN/docs/Web/CSS/vertical-align#vertical_alignment_in_a_table_cell)示例所示。
使用 CSS {{cssxref("vertical-align")}} 替代,它的优先级更高,如[垂直对齐表格单元格](/zh-CN/docs/Web/CSS/vertical-align#vertical_alignment_in_a_table_cell)示例所示。

## 规范

Expand Down

0 comments on commit 4f22e9a

Please sign in to comment.