Question

您好我试图在JS var中存储一些html输出，使用＆＃34; getElementById＆＃34; ...

将其输出到页面

我遇到的问题是使用单引号和双引号以及何时将它们包装在彼此中...

这是我的代码：

var buttonOutput1="<br/>";
var buttonOutput2="<button onclick="DealCard('player')">Hit</button>";
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;

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>

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

1 个答案: