javascript - 在div元素的h2标签内写入本地存储值

Question

我想在 HTML 代码中写入多个本地存储值。

我的主要 div 名称是 data，该 div 内有一个 h2 标签

<div id="data">
   <h2></h2>
</div>

现在，如果我想将 localStorage 的值写入 data div，我会这样做，

    document.getElementById("data").innerHtml = localStorage.score;

但我想把它写在h2标签内， 所以我在 Stackoverflow 上搜索后尝试了这个，

    document.getElementById("data").getElementsByTagName('h2').innerText = localStorage.score;

还有这个，

document.getElementById("data").getElementsByTagName('h2').firstChild.nodeValue = localStorage.score;

但这两个都不起作用。 为什么它不起作用有人可以告诉我吗？

Answer 1

首先，为了获取第一个元素，不要使用firstChild，而是使用零索引

document.getElementsByTagName('h2')[0]

参见How to get a html element by name

firstChild 用于嵌套子项，而不是元素数组。

其次，像使用“内容”一样使用innerHTML

document.getElementsByTagName('h2')[0].innerHTML = localStorage.score;

查看此fiddle