Question

fullList.innerHTML = fullList.innerHTML + "<li class='Item show'><a class='Link' onclick='console.log('hello')'>" + uniqueSummonerNameList[foo].toString()+ "</a></li>"

这是我的代码。正如您所看到的，我正在尝试对我无法访问的HTML文件执行操作。这是通过开发者控制台/ chrome扩展来完成的。我试图让锚标签运行javascript onclick，但我在过去的一小时内无法解决这个字符串问题。 Javascript将生成innerHTML

onclick='console.log('

而不是

onclick='console.log('hello')

我基本上想在我的最终代码中使用字符串做一些事情，但是我无法使用简单的函数来处理onclick。

Answer 1

试试这个：

fullList.innerHTML = fullList.innerHTML + "<li class='Item show'><a class='Link' onclick=\"console.log('hello')\">" + uniqueSummonerNameList[foo].toString()+ "</a></li>"

Answer 2

您可以使用

'<li class="Item show"><a class="Link" onclick="console.log(\'hello\')">' + uniqueSummonerNameList[foo].toString() + '</a></li>'

Answer 3

试试这个，它为我工作

target = func1(url)

Answer 4

如果您正在使用ES6，那么您可以使用反向标记（``）

fullList.innerHTML = `${fullList.innerHTML}<li class='Item show'><a class='Link' onclick="console.log('hello')">${uniqueSummonerNameList[foo].toString()}</a></li>`

有关模板文字的更多信息，请参阅以下链接： https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals

Javascript字符串冲突

4 个答案: