在HTML中定义常量

时间:2016-06-14 09:08:31

标签: javascript html constants

我有3个HTML页面的多个表格,这些表格的标题保持不变,即

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

我想将MyHeading字符串存储在一个常量中,并在我所有表格的HTML页面中使用它。 我被限制使用纯HTML和JavaScript。 我如何在纯HTML中执行此操作,即将静态文本存储在某些常量中,以便我可以在HTML页面中重复使用它们

1 个答案:

答案 0 :(得分:0)

在HTML中,这是不可能的。你要么使用一些模板语言和javascript。通过使用javascript,这是你的答案

&#13;
&#13;
var length = document.getElementsByClassName('head').length;
for(var i=0; i< length; i++) {
  document.getElementsByClassName('head')[i].innerHTML = "Demo Head";
}
&#13;
<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>
&#13;
&#13;
&#13;