是否可以赋予var和innerHTML id？

Question

我还在学习JavaScript，我不确定是否可以为ID提供变量。

<div id="example"> Code </div>

我可以使用document.getElementbyID("example").innerHTML并将其等同于var吗？

Answer 1

您可以将getElementById(...).innerHTML的结果存储在变量中，但以后不能用它来更新innerHTML的值。它只是一个简单的字符串。下面的代码片段应该清楚说明。请注意，即使在文本更改后，divInnerHTML也永远不会更新。

var divInnerHTML = document.getElementById('example').innerHTML;

console.log(divInnerHTML);

divInnerHTML = 'hi'
console.log(divInnerHTML);

var div = document.getElementById('example');
div.innerHTML = 'new html';
console.log(divInnerHTML);

<div id="example">html</div>