如何在 html 中显示 javascript 个变量

Question

我有以下 javascript 个变量。

 goalDiv ="<div class=goal-parent id=goal-parent"+Id+">"+
    "<div class=goal>"+
    "<div class=top-layer>"+
    "<div class=component>"+

    "<select class=component-select>"+
    "<option id=one><span id='source_name'></span></option>"+
    "</select>"+

    "</div>"+
"</div>"+
"</div>"+
"</div>";

Id = "some div value";

我正在尝试显示这些 div 中的值。我首先将此 goalDiv 显示为 div，然后尝试更新其中的值，如下所示。

document.getElementById(Id).innerHTML = goalDiv;
document.getElementById('source_name').innerHTML = "some value";

第一个 innerHTML 有效，但第二个无效。我做错了什么？

Answer 1

option 中不能有 span。如果您想更改下拉选项，只需使用：

document.getElementById('one').innerHTML = "some value";

如何在 html 中显示 javascript 个变量

How to display javascript variables in html

javascript

printing

innerhtml