如何在html标记的innerhtml中使用JavaScript变量（使用变量名称创建列表项）

Question

这就是我尝试过的

let somejsvar = 'hello world'
document.getElementById('id_element_in_html').innerHTML = '<li> somejsvar </li>';

我的输出：

>>> - somejsvar

所需的输出：

>>> - hello world

Answer 1

只需通过添加$ {Your Variable}来将somejsvar从硬编码更改为变量本身，然后使用`包裹整个字符串

document.getElementById('id_element_in_html').innerHTML = `<li> ${somejsvar}</li>`;

Answer 2

您需要突破html

document.getElementById('id_element_in_html').innerHTML = '<li>' + somejsvar + ' </li>';

Answer 3

您必须串联变量值

let somejsvar = 'hello world'
document.getElementById('id_element_in_html').innerHTML = '<li>' + somejsvar + '</li>';

Answer 4

这是因为您试图将innerHTML的值设置为纯文本'<li> somejsvar </li>' 。

相反，您应该使用JS串联：

document.getElementById('id_element_in_html').innerHTML = '<li> ' + somejsvar + ' </li>';