CellPadding不能用于桌面？

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，你需要在td元素而不是表上设置它：

td {
    padding: 20px;
}

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

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

Answer 2

它应该是cellPadding与大写P。

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

Newtable.cellPadding = "20";