📅  最后修改于: 2023-12-03 14:41:46.244000             🧑  作者: Mango
在 HTML DOM(文档对象模型)中,表格 cellPadding 属性用于设置表格单元格内边距的大小。
获取表格 cellPadding 属性:
object.cellPadding
设置表格 cellPadding 属性:
object.cellPadding = "pixels"
| 值 | 描述 | | -------- | ------------------------- | | "pixels" | 规定单元格的内边距为像素 |
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM 表格 cellPadding 属性</title>
</head>
<body>
<table border="1" id="myTable">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
<script>
// 获取表格 cellPadding 属性的值
var table = document.getElementById("myTable");
alert(table.cellPadding);
// 设置表格 cellPadding 属性的值
table.cellPadding = "10";
</script>
</body>
</html>
在上面的示例代码中,我们首先获取了表格 myTable 的 cellPadding 属性的值,随后将该属性的值设置为 10 像素。运行示例代码后,我们会发现表格单元格的内边距已经变为了 10 像素。
cellPadding 属性是 HTML 中表格 cell 元素的一个属性,可以用来设置单元格内边距的大小。通过 HTML DOM,我们可以获取并修改表格的 cellPadding 属性。当表格中存在大量数据时,适当调整单元格的内边距可以使表格更清晰易读。