📌  相关文章
📜  HTML DOM 表格 cellSpacing 属性(1)

📅  最后修改于: 2023-12-03 15:31:10.795000             🧑  作者: Mango

HTML DOM 表格 cellSpacing 属性

HTML DOM（文档对象模型）表示文档树中的 HTML 元素。表格是HTML中的常见元素之一，通过使用HTML DOM可以轻松地操作表格元素及其属性。

cellSpacing 属性定义表格单元格之间的间距。它可以接受一个像素值或百分比值作为参数。该属性适用于

标签。

语法
document.getElementById("myTable").cellSpacing;
属性值

属性值可以是像素值或百分比值。

  • 像素值 - 定义单元格之间的固定间距（例如 "5px"）
  • 百分比值 - 定义相邻单元格之间的间距，以百分比的形式表示单元格宽度（例如 "10%"）
实例
<table id="myTable" border="1">
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>

<script>
// 获取cellSpacing属性值
var cellSpacing = document.getElementById("myTable").cellSpacing;
alert("cellSpacing属性的值为：" + cellSpacing); //默认值为2

// 设置cellSpacing属性
document.getElementById("myTable").cellSpacing = "5";
</script>

输出：

cellSpacing属性的值为：2

该示例演示了如何获取和设置cellSpacing属性。在默认情况下，该属性值为 2。

参考文献