デフォルトの値を持つHTMLのテーブルTD

Question

この場合、空である<td></td>を記入する方法はありますか？

<table><tr><td></td><td>1</td><td></td></tr></table> 

変更し、それに：HTML自体に

<table><tr><td>Not Data</td><td>1</td><td>No Data</td></tr></table> 

Answer 1

ありません。

通常は、プログラミング言語とテンプレートのデータを使用してHTMLを生成し、データがない場合はデフォルト値を挿入するためにテンプレートロジックを使用します。

Answer 2

空のスペースを追加できます。& nbsp;

Answer 3

実際にhtmlだけでは機能しません。

どのようにHTML-DOMを構築するかによって異なります。純粋なHTMLファイル（* .html）の場合は、JavaScrit/JQueryを追加して値をチェックできます。

これを行うには、table/trまたはtdに要素IDを指定してください。

<table> 
    <tr id="1"> 
    <td id="1_1"></td> 
    <td id="1_2">1</td> 
    <td id="1_3"></td> 
    </tr> 
</table> 

<script type="text"> 
/* For the amount of rows */ 
for(var outeri = 1; outeri <= 1; outeri++) 
{ 
    /* For the amount of columns */ 
    for(var ineri = 1; ineri <= 3; ineri) 
    { 
     var innertd = String(outeri + '_' + ineri); 

     if(document.getElementById(inntertd).innerHTML == '') 
     { 
      document.getElementById(inntertd).innerHTML = 'No Data'; 
     } 
     else {continue;} 
    } 
} 
</script> 

この例はあまり現実的ではなく、テーブルが静的な場合を除き、実行されない可能性があります。

Answer 4

視覚的な面だけが変わるので少しハッキリします。

table, td {border: 1px solid black; padding: 4px; border-collapse: collapse} 
 
td:empty::before {content: "No Data"}

<table> 
 
    <tr> 
 
    <td></td> 
 
    <td>Real data</td> 
 
    <td></td> 
 
    </tr> 
 
</table>