将JavaScript变量设置为其他变量

我的朋友：

我的HTML是这样的：

<ul>
<li id="thing1">Kittens</li>
<li id="thing2">Rainbows</li>
<li id="thing3">Sunshine</li>
</ul>
<button onClick="butane()">Run It</button>

<p>I like <span id="thingres1"></span> and <span id="thingres2"></span>, and love <span id="thingres3"></span>.
</p>

function butane(){
var thing1 = document.getElementById('thing1').innerHTML;
var thing2 = document.getElementById('thing2').innerHTML;
var thing3 = document.getElementById('thing3').innerHTML;

var thingres1 = document.getElementById('thingres1').innerHTML;
var thingres2 = document.getElementById('thingres2').innerHTML;
var thingres3 = document.getElementById('thingres3').innerHTML;

thingres1 = thing1;
thingres2 = thing2;
thingres3 = thing3;
}

---

这里的逻辑是，我想知道如何将我的

span

的值设置为各自的

li

id。

仅将其分配给变量只会覆盖变量中的值，而不会覆盖元素的内容。 您需要直接覆盖元素的innerHTML属性：

thingres1.innerHTML = thing1.innerHTML;

---

不要将变量设置为

document.getElementById（'something'）.innerHTML

。只需将它们设置为等于

document.getElementById（'something'）

。然后执行

thingres1.innerHTML=thing1.innerHTML

，例如，这不是JavaScript变量，正是您所追求的。您似乎希望将一个元素的内容添加到另一个元素中。我建议在这里使用列表，而不是为列表中的每个项目创建单独的变量，“thing”变量的赋值也需要固定。