diff --git a/files/zh-cn/web/api/htmltablesectionelement/deleterow/index.md b/files/zh-cn/web/api/htmltablesectionelement/deleterow/index.md index 6a4b0ab18a683d..893797ec06d4e3 100644 --- a/files/zh-cn/web/api/htmltablesectionelement/deleterow/index.md +++ b/files/zh-cn/web/api/htmltablesectionelement/deleterow/index.md @@ -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"); diff --git a/files/zh-cn/web/api/htmltablesectionelement/index.md b/files/zh-cn/web/api/htmltablesectionelement/index.md index 45b77ab4fb8f6c..5dc7bfb363b8be 100644 --- a/files/zh-cn/web/api/htmltablesectionelement/index.md +++ b/files/zh-cn/web/api/htmltablesectionelement/index.md @@ -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”`。 diff --git a/files/zh-cn/web/api/htmltablesectionelement/insertrow/index.md b/files/zh-cn/web/api/htmltablesectionelement/insertrow/index.md index 9677b5980ed1c4..3e4cbaaec44072 100644 --- a/files/zh-cn/web/api/htmltablesectionelement/insertrow/index.md +++ b/files/zh-cn/web/api/htmltablesectionelement/insertrow/index.md @@ -30,11 +30,11 @@ insertRow(index) ### 异常 - `IndexSizeError` {{domxref("DOMException")}} - - : 如果 `index` 大于行数或小于 `-1`,则抛出异常。 + - : 如果 `index` 大于行数或小于 `-1`,则抛出此异常。 ## 示例 -在这个示例中,有两个按钮允许你从表格主体添加和移除行,它还使用表中当前行数更新 {{HTMLElement("output")}} 元素。 +在这个示例中,有两个按钮允许你对表格主体添加和移除行,它还使用表中当前行数更新 {{HTMLElement("output")}} 元素。 ### HTML @@ -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"); @@ -110,7 +110,7 @@ removeButton.addEventListener("click", () => { }); ``` -### Result +### 结果 {{EmbedLiveSample("示例", "100%", 175)}} diff --git a/files/zh-cn/web/api/htmltablesectionelement/rows/index.md b/files/zh-cn/web/api/htmltablesectionelement/rows/index.md index 3895d88ff809dc..e2898c5ee1b993 100644 --- a/files/zh-cn/web/api/htmltablesectionelement/rows/index.md +++ b/files/zh-cn/web/api/htmltablesectionelement/rows/index.md @@ -11,11 +11,11 @@ l10n: ## 值 -一个实时 {{domxref("HTMLTableRowElement")}} 的 {{domxref("HTMLCollection")}} 对象。 +一个动态 {{domxref("HTMLTableRowElement")}} 的 {{domxref("HTMLCollection")}} 对象。 ## 示例 -在这个示例中,有两个按钮允许你从表格主体添加和移除行,它还使用表中当前行数更新 {{HTMLElement("output")}} 元素。 +在这个示例中,有两个按钮允许你对表格主体添加和移除行,它还使用表中当前行数更新 {{HTMLElement("output")}} 元素。 ### HTML @@ -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"); @@ -91,7 +91,7 @@ removeButton.addEventListener("click", () => { }); ``` -### Result +### 结果 {{EmbedLiveSample("示例", "100%", 175)}} diff --git a/files/zh-cn/web/api/htmltablesectionelement/valign/index.md b/files/zh-cn/web/api/htmltablesectionelement/valign/index.md index 4e7d6a1c8bcfa3..739f9882e3d6e4 100644 --- a/files/zh-cn/web/api/htmltablesectionelement/valign/index.md +++ b/files/zh-cn/web/api/htmltablesectionelement/valign/index.md @@ -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)示例所示。 ## 规范