javascript - 协助js输出和html输出存储在var中

Question

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

我遇到的问题是单引号与双引号以及何时将它们彼此包裹起来......

这是我的代码:

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

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

我对此有所了解，我知道您可以将某些内容括在单引号内，然后将其括在双引号内，一切正常。

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

所以只是坚持我应该在这里做什么，想知道是否有人可以提供帮助。

谢谢，G

**** 我的解决方案 东部时间 12:51PM ****

能够通过将其分解成碎片来解决这个问题:

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





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

Answer 1

您可以使用 create Element(DOM Level 2)创建 DOM 节点，并将函数附加到 onclick 属性。

var domNode = document.createElement('button');
domNode.innerHTML = 'Click me';
domNode.onclick = function() {
  alert("hello world")
};

document.getElementById('hook').appendChild(domNode);

<div id="hook"></div>