JavaScript字符串衝突

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的JavaScript字符串衝突

onclick='console.log('

，而不是

onclick='console.log('hello')

我基本上想要做的東西，在我的最終代碼串，但我不能得到一個簡單的函數的onclick工作。

來源

2016-09-09 FriedCock

使用'的console.log（\ 「你好\」）'代替'的console.log（ '你好'）' – apokryfos

或'的onclick =「控制檯。日誌（'hello'）「' – Pierre

將這麼多原始HTML放在一個字符串中以迴應它，通常是對IDE不能提醒你的錯誤的邀請。 – apokryfos

試試這個：

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

來源

2016-09-09 08:59:27

考慮解釋您的答案 - 顯示您的版本和原始版本之間的差異。 – ADyson

@ ADyson我的版本：'onclick = \「console.log（'hello'）\」'and original：'onclick ='console.log（'hello'）'' –

您可以使用

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

來源

2016-09-09 09:06:18 Roger

試試這個，它的工作對我來說

"<li class='Item show'><a class='Link' onclick='console.log(\"hello\")'>click</a></li>"

來源

2016-09-09 09:08:29 Komal

如果您正在使用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

來源

2016-09-09 09:34:45 Dhruv

JavaScript字符串衝突

回答

相關問題