如何保存DOM元素，使其innerHTML自动更新？

Question

document.getElementById("div1") = "initial value";
var a1 = document.getElementById("div1");
console.log(a1.innerHTML); // outputs: initial value
document.getElementById("div1") = "second value";
console.log(a1.innerHTML); //againt outputs: initial value

[将DOM元素分配给变量时，将保存DOM元素的初始状态，并且以后的更新（例如第4行）将不会影响原始变量（a1）。

如何保存DOM元素（div1），以便以后参考时，会在innerHTML属性中返回最新更新（第4行） ？ -> 第5行必须输出“ 第二值”，而不是初始值。

Answer 1

这里的问题是您要更新DOM元素，而不是其innerHTML属性。您可以轻松获得所需的行为，例如：

// Save the DOM element here
var a1 = document.getElementById("div1");

// Assign the value here
a1.innerHTML = "initial value";
console.log(a1.innerHTML); // outputs: initial value

a1.innerHTML = "second value";
console.log(a1.innerHTML); // outputs: second value

<div id="div1"></div>