如何在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中显示值。我首先将这个目标显示为div，然后尝试更新其中的值，如下所示。

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

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

Answer 1

span内无法option。 如果您想更改下拉选项，只需使用：

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