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>

手机垫在哪里？

Answer 1

严格地说，cellPadding (大写为P)对应于table元素本身的cellpadding表示属性，它只接受单个长度或百分比：

Newtable.cellPadding = "20";

但是，如果您试图通过CSS (如CSS值所暗示的)将单元格边距应用于此生成的表，则应使用CSS，并且对于CSS，您需要在td元素而不是表上设置它：

td {
    padding: 20px;
}

否则，您将需要遍历表格中的所有单元格(一旦添加它们)，并在它们上设置style.padding，这非常乏味。

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

Answer 2

它应该是大写P的cellPadding。

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

Newtable.cellPadding = "20";