Javascript 协助处理存储在var中的js输出和html输出

您好，我正在尝试将一些html输出存储在JS变量中，以便使用“getElementById”将其输出到页面

我遇到的问题是单引号和双引号，以及什么时候将它们包装在一起

这是我的密码：

var buttonOutput1="<br/>";
var buttonOutput2="<button onclick="DealCard('player')">Hit</button>";
var buttonOutput5=buttonOutput1+buttonOutput2;

document.getElementById('buttonArea').innerHTML = buttonOutput5;

var buttonOutput1=“
”；
var buttonOutput2=“点击”；
var buttonOutput5=buttonOutput1+buttonOutput2；
document.getElementById（'buttonArea'）。innerHTML=buttonOutput5；

我知道一点，我知道你可以用单引号括起来，然后用双引号括起来，一切都很好

但是因为我想把它全部存储在一个变量中，所以我需要把它全部用第三组引号括起来，这就是我的问题所在

所以我一直在想我应该怎么做，想知道是否有人能帮上忙

谢谢，G

****我的解决方案美国东部时间下午12:51****

我们可以通过把它分解成碎片来解决这个问题：

var buttonOutput1="<br/>";
var buttonOutput2a="DealCard('player')";
var buttonOutput2b='<button onclick="' + buttonOutput2a + '">Hit 
Me</button>';
var buttonOutput5=buttonOutput1+buttonOutput2b;





document.getElementById('buttonArea').innerHTML = buttonOutput5;

var buttonOutput1=“
”；
var buttonOutput2a=“DealCard（'player'）”；
var buttonOut2b='Hit
“我”；
var buttonOutput5=buttonOutput1+buttonOutput2b；
document.getElementById（'buttonArea'）。innerHTML=buttonOutput5；

您可以使用create元素（DOM级别2）创建DOM节点，并将函数附加到onclick属性

var domNode=document.createElement（'button'）；
domNode.innerHTML='单击我'；
domNode.onclick=function（）{
警报（“你好，世界”）
};
document.getElementById（'hook'）.appendChild（domNode）
您可以使用create元素（DOM级别2）创建DOM节点，并将函数附加到onclick属性


var domNode=document.createElement（'button'）；
domNode.innerHTML='单击我'；
domNode.onclick=function（）{
警报（“你好，世界”）
};
document.getElementById（'hook'）.appendChild（domNode）
如果您的目标浏览器支持ECMAScript 6（），您可以使用``backticks（），这将允许您在不需要转义的情况下混合使用双引号和单引号。非常感谢yuriy-我在编写本文后立即找到了另一种方法，但我会看看你的意见-我让它工作的方式是把它分成几个部分和多个步骤-我相信你的方式更好，所以我会看看它。我将用我的新代码更新我的问题…如果你的目标浏览器支持ECMAScript 6（），你可以使用``backticks（），这将允许你在不需要转义的情况下混合使用双引号和单引号。非常感谢yuriy-我在写了这篇文章之后马上找到了另一种方法，但我会看看你的意见-我让它工作的方式是把它分成几个部分和多个步骤-我相信你的方式更好，所以我会看看它。我将用我的新代码更新我的问题。。。