HTMLで定数を定義する

Question

3つのHTMLページにわたって複数の表がありますが、これらの表の見出しは同じままです。

<thead> 
<tr> 
<th>MyHeading</th> 
</tr> 
</thead> 

私は定数でMyHeading文字列を格納し、すべての私のテーブルにHTMLページを渡ってそれを使用したいです。 私は、純粋なHTMLとJavaScriptを使用するように制約されています。 純粋なHTMLでこれを行う、つまりいくつかの定数に静的なテキストを格納して、HTMLページに再利用できるようにするにはどうすればいいですか？

Answer 1

HTMLでは不可能です。どちらかあなたはいくつかのテンプレート言語とJavaScriptを使用しています。 JavaScriptを使用することにより、ここに

var length = document.getElementsByClassName('head').length; 
 
for(var i=0; i< length; i++) { 
 
    document.getElementsByClassName('head')[i].innerHTML = "Demo Head"; 
 
}

<table style="width:100%"> 
 
    <tr><th class="head">heading</th></tr> 
 
    <tr> 
 
    <td>Jill</td> 
 
    <td>Smith</td> 
 
    <td>50</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Eve</td> 
 
    <td>Jackson</td> 
 
    <td>94</td> 
 
    </tr> 
 
</table> 
 
<table style="width:100%"> 
 
    <tr><th class="head">heading</th></tr> 
 
    <tr> 
 
    <td>Jill</td> 
 
    <td>Smith</td> 
 
    <td>50</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Eve</td> 
 
    <td>Jackson</td> 
 
    <td>94</td> 
 
    </tr> 
 
</table>