javascript - 使用 ",' 和\正确包装 javascript 连接的 html

Question

我在尝试创建的网页中正确显示消息时遇到了一些问题。我的代码是:

content.innerHTML += "<button 'onclick=\"likeFunction(" + feed.messages[y]._id + ")\">" + "Like(" + feed.messages[y].likesCount + ")" + "</button>"

当我检查页面源上的元素时，我得到以下输出:

<button 'onclick="like(idOfObject)">Likes(likeNumber)</button>

我需要它的样子是:

<button 'onclick="like("idOfObject")">Likes(likeNumber)</button>

我对如何添加更多单引号或双引号以及在哪里正确转义它们以获得所需的输出有点困惑。

Answer 1

我想我看到了一些错别字。最明显的是 onclick 前面的前导 ' 。我认为这不需要在这里。

至于格式化字符串，请考虑查看 template literals ES6 中引入。

可能看起来像这样:

content.innerHTML += `<button onclick="likeFunction(${idOfObjectVariable})">Likes (${likeCountVariable})</button>`

希望这有帮助