Javascript 如何存储HTML代码段并稍后将其插入文档中？

有没有一种方法可以像这样使用Javascript或jQuery将HTML片段存储在变量中？（显然这是一个不起作用的例子）

编辑：

请在回答评论之前阅读以下内容：我的JS文件中有一个原始HTML片段，我需要使用类似EOF构造的东西将其存储在Javascript变量中。我需要避免把它放在引号之间

---

如果无法使用Javascript和/或jQuery，那么问题就没有解决方案。

只需通过

var content=$（'#somediv'）.HTML（）获取所需div的HTML代码即可然后将其附加到某个div<代码>$（'#otherdiv'）。追加（内容）

$（）.html（）提供该分区的HTML内容。文档：

$（）.append（）
将内容附加到一个特殊的div.documentain:
您可以使用javascript模板，如（警告：原始链接已断开和/或导致垃圾邮件网站：

当前链接（2019-12-14）：
是的

JavaScript

var html = '<b>Bold</b>'
$('.anotherclass').append(html);

var html='Bold'
$（'.anotherclass'）.append（html）；

HTML


一些虚拟文本
你可以写：

var mysnippet = "<div class='myclass'>"+
  "<div class='anotherclass'>"+
    "Some dummy text"+
  "</div>"+
"</div>";

var mysnippet=“”+
""+
“一些虚拟文本”+
""+
"";

然后insert使用的是
append
函数（该函数将代码段作为参数）。
不幸的是，没有什么像
思考同样的问题，我发现了这个讨论。我想的是放置一个隐藏的
textarea
，包含html，然后从那里检索html

因此，将不会与双重DOM ID发生冲突，因为
textarea
内容不会呈现为html。
对于像我一样遇到这种情况的人。。。
您可能希望使用新的

HTML5中的标签。
不幸的是，它仍然没有将HTML存储在JavaScript中：（
我想附加的HTML代码需要采用我在问题中写下的格式。它在文档中还不存在。$（mysnippet）.append（#someelement）由于没有合理的文件编辑器或linter会正确地突出显示js文件，因此我确信最好将HTML放在一个单独的
.HTML
文件中，然后使用
$.get（“mysnippet.HTML”）读取它
。然后，在添加新对象之前，您可以灵活地编辑该对象的DOM。此外，HTML和JS可以很容易地进行lint。此外，它还可以将数据与代码分离，这对于以后的校对来说总是一件好事。我将您的答案标记为有效答案，因为这似乎是完成我所需操作的唯一方法。例如，使用erb（Rails模板语言）我可以呈现一个外部HTML片段代码，并使用Rails助手对其进行转义，这样我就可以最终将其存储在一个变量中，以便将其附加到文档中。
var html = '<b>Bold</b>'
$('.anotherclass').append(html);

<div class="myclass">
  <div class="anotherclass">
    Some dummy text
  </div>
</div>

var mysnippet = "<div class='myclass'>"+
  "<div class='anotherclass'>"+
    "Some dummy text"+
  "</div>"+
"</div>";

$el = $('<div />')
  .addClass('myClass')
  .append(
    $('<div />')
      .addClass('anotherclass')
      .text('Foo Bar')
  );