Определение констант в HTML

Question

У меня есть таблицы mulitple по 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>