JavaScript-通过传递一个对象来更新变量的函数？

我希望能够使用一个以对象为参数的函数来更新文档中任意数量的变量。我想要的是：

<span id="firstname"></span>
<span id="lastname"></span>

...

function updateStuff(obj) {
    for (var key in obj) {
        document.getElementById(key).innerHTML = valueAssociatedWithKey;
    }
}

...

updateStuff({
    firstname: "John",
    lastname: "Doe"
})

...
函数updateStuff（obj）{
for（obj中的var键）{
document.getElementById（key）.innerHTML=与key关联的值；
}
}
...
updateStuff({
名字：“约翰”，
姓：“Doe”
})

最终结果将是

John

和

Doe

有没有办法做到这一点？ 如果没有，还有更好的选择吗

对于那些熟悉JavaScript的人来说，我基本上是在尝试用JavaScript重新创建它，而不需要为一个小函数调用整个库

注意：我希望在没有任何库的情况下执行此操作，包括JQuery

---

谢谢大家!

您所缺少的只是获取与key关联的值，您可以通过执行

obj[key]

来获取该值

例如：

function updateStuff(obj) {
    for (var key in obj) {
        document.getElementById(key).innerHTML = obj[key];
    }
}

updateStuff({
    firstname: "John",
    lastname: "Doe"
});

---

JSFiddle演示：

你几乎写了所有东西，你所缺少的只是你可以通过

对象[property]

：）按名称获取属性哇，真不敢相信我没有看到。非常感谢。