Question

使用DOM元素尝试将cellPadding添加到表中：为什么

var FirstTabContent = document.createElement('div');
var Newtable = document.createElement('table');
Newtable.border = "1";
Newtable.cellpadding = "20px 20px 20px 20px";
///////////////
//populate table
///////////////
FirstTabContent.appendChild(Newtable);
return FirstTabContent.innerHTML;

返回：

<table border="1">
   <tbody>
      <tr>
         <td>
            <b>id</b>
         </td>
         <td>14079<br>
         </td>
      </tr>
   </tbody>
</table>

哪里是cellpadding？

Answer 1

严格地说，cellPadding（带有大写字母P）对应于cellpadding元素本身的table表示属性，它只接受一个长度或百分比：

Newtable.cellPadding = "20";

但是如果你试图通过CSS将细胞填充应用于这个生成的表（如20px 20px 20px 20px值所暗示的那样），你应该使用CSS，而使用CSS，你需要在{{{ 1}}元素而不是表：

td

否则你需要循环遍历表中的所有单元格（一旦添加它们）并在它们上设置td { padding: 20px; }，这简直是单调乏味。

如果您确实想使用style.padding属性，请注意，如果使用像素值，则只能以这种方式设置统一填充，因为它只接受单个值。

Answer 2

cellPadding大写P。

设置Newtable.cellPadding = "20px 20px 20px 20px"可能会将属性设置为所需的值，但不会产生所需的结果。您只能set it to a pixel or a percentage length：

Newtable.cellPadding = "20";

CellPadding不能用于桌面？

2 个答案: