javascript - 将部分html页面存储在变量中

Question

我有一些这样的 HTML:

<div class="col-xs-3 col-sm-3 col-md-3 no-padding--xs" style="text-align:right; padding-left:30rem">
<div class="no-padding--xs box--lang">
<a href="Intranet_sk.html"><img style="width:30px" src="Intranet_flags/flag-SVK-round.png"></a>
<a href="Intranet_en.html"><img style="width:30px"src="Intranet_flags/flag-UK-round.png"></a>
</div> 
</div>
</div>

我想将它保留在页面布局的上部，但在(呈现的)页面的下部使用它，有点像将代码存储在变量中并在特定部分使用该变量页面。

整个 Intranet 将由许多模块组成，但这个模块对于每个“子页面”都是唯一的，因此我想将可编辑代码保留在页面布局的上部，并使用较低的静态模块调用/发布它。

为什么？ href 部分中的“Intranet_”对于每个子页面都是唯一的。

或者，我可以将“_sk”或“_en”附加到子页面元名称并创建这样的链接吗？

Answer 1

您可以将 html 代码存储在普通字符串中，并通过 element.innerHTML += stringThatContainsHTML将其添加到任何 html 元素中

你也可以用同样的方式获取 HTML var htmlString = element.innerHTML