#在innerHTMLJavascript的文本中

我不知道如何獲得“，我在使用 DOM.innerHTML 時需要在文本中使用它。

document.getElementById("info").innerHTML = "<div id='info01' class='border border-3 w-50 h-50 d-flex align-content-center shadow-lg p-3 mb-5 bg-body rounded flex-column'><h1 class='text-center'>Hent varer fra Traphous</h1><p class='text-center'><b>Kj?p noe:</b></p><button onclick='kj?p('kokain')' class='btn btn-primary w-50 align-self-center' type='button'>Kokain</button><br><button onclick='kj?p('hasj')' class='btn btn-primary w-50 align-self-center' type='button'>Hasj</button><br><button onclick='kj?p('amfetamin')' class='btn btn-primary w-50 align-self-center' type='button'>Amfetamin</button><br><button onclick='kj?p('benzo')' class='btn btn-primary w-50 align-self-center' type='button'>Benzo</button><br><button onclick='kj?p('molly')' class='btn btn-primary w-50 align-self-center' type='button'>Molly</button></div>"

我需要呼叫一個onclick='endre("kj?p_narkotika")我不能使用的函式，因為onclick='endre('kj?p_narkotika')該函式不會呼叫。

uj5u.com熱心網友回復：

試試這個，我希望它有幫助。

ES6 支持反引號。

document.getElementById("info").innerHTML = `<div id='info01' class='border border-3 w-50 h-50 d-flex align-content-center shadow-lg p-3 mb-5 bg-body rounded flex-column'><h1 class='text-center'>Hent varer fra Traphous</h1><p class='text-center'><b>Kj?p noe:</b></p><button onclick='kj?p("kokain")' class='btn btn-primary w-50 align-self-center' type='button'>Kokain</button><br><button onclick='kj?p("hasj")' class='btn btn-primary w-50 align-self-center' type='button'>Hasj</button><br><button onclick='kj?p("amfetamin")' class='btn btn-primary w-50 align-self-center' type='button'>Amfetamin</button><br><button onclick='kj?p("benzo")' class='btn btn-primary w-50 align-self-center' type='button'>Benzo</button><br><button onclick='kj?p("molly")' class='btn btn-primary w-50 align-self-center' type='button'>Molly</button></div>`

uj5u.com熱心網友回復：

您可以使用反引號 (`) 而不是 (")

document.getElementById("info").innerHTML = `<div id='info01' class='border border-3 w-50 h-50 d-flex align-content-center shadow-lg p-3 mb-5 bg-body rounded flex-column'><h1 class='text-center'>Hent varer fra Traphous</h1><p class='text-center'><b>Kj?p noe:</b></p><button onclick="kj?p('kokain')" class='btn btn-primary w-50 align-self-center' type='button'>Kokain</button><br><button onclick='kj?p('hasj')' class='btn btn-primary w-50 align-self-center' type='button'>Hasj</button><br><button onclick='kj?p('amfetamin')' class='btn btn-primary w-50 align-self-center' type='button'>Amfetamin</button><br><button onclick='kj?p('benzo')' class='btn btn-primary w-50 align-self-center' type='button'>Benzo</button><br><button onclick='kj?p('molly')' class='btn btn-primary w-50 align-self-center' type='button'>Molly</button></div>`

在上面的示例中，我已將按鈕單擊的單引號更改為雙引號。

onclick="kj?p('kokain')"

您可以在此處查看示例：https : //jsfiddle.net/jubish/w2ospk15/16/

單擊Kokain按鈕查看結果。

方法二

document.getElementById("info").innerHTML = "<div id='info01' class='border border-3 w-50 h-50 d-flex align-content-center shadow-lg p-3 mb-5 bg-body rounded flex-column'><h1 class='text-center'>Hent varer fra Traphous</h1><p class='text-center'><b>Kj?p noe:</b></p><button onclick='kj?p( \"kokain\")' class='btn btn-primary w-50 align-self-center' type='button'>Kokain</button><br><button onclick='kj?p('hasj')' class='btn btn-primary w-50 align-self-center' type='button'>Hasj</button><br><button onclick='kj?p('amfetamin')' class='btn btn-primary w-50 align-self-center' type='button'>Amfetamin</button><br><button onclick='kj?p('benzo')' class='btn btn-primary w-50 align-self-center' type='button'>Benzo</button><br><button onclick='kj?p('molly')' class='btn btn-primary w-50 align-self-center' type='button'>Molly</button></div>"

在這里，我使用反斜杠來轉義雙引號示例：

 onclick='kj?p( \"kokain\")'

作業代碼 - https://jsfiddle.net/jubish/ez3hr7g1/8/

標籤：javascript 功能 dom 点击 内页

上一篇：如何制作一周中的一天計算器？

下一篇：如何使用服務器端API呼叫回傳資料？