1

cellPadding をテーブルに追加しようとする DOM 要素の使用: なぜ

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>

セルパディングはどこですか？

4

2 に答える 2

5

厳密に言えば、cellPadding(大文字の P で)要素自体のcellpaddingプレゼンテーション属性に対応し、1 つの長さまたはパーセンテージのみを受け入れます。table

Newtable.cellPadding = "20";

ただし、この生成されたテーブルに CSS を介してセルのパディングを適用しようとしている場合 (20px 20px 20px 20px値によって暗示されているように)、CSS を使用する必要があり、CSS を使用する場合tdは、テーブルではなく要素に設定する必要があります。

td {
    padding: 20px;
}

それ以外の場合は、テーブル内のすべてのセルをループして (セルを追加したら)、それらを設定する必要がありますがstyle.padding、これは単純に面倒です。

このプロパティを本当に使用したい場合cellPaddingは、単一の値しか受け入れないため、ピクセル値を使用する場合にのみ、この方法で一様なパディングを設定できることに注意してください。

于 2014-11-25T17:25:16.253 に答える
1

cellPadding大文字である必要がありますP。

設定Newtable.cellPadding = "20px 20px 20px 20px"により、属性が目的の値に設定される場合がありますが、目的の結果は得られません。ピクセルまたはパーセンテージの長さにのみ設定できます。

Newtable.cellPadding = "20";
于 2014-11-25T17:25:18.887 に答える