在div元素的h2标记内写入本地存储值

Question

我想在HTML代码中编写多个localstorage值。

我的主要div名称为data，h2

内有div个标记

<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，就像使用内容＆＃39;

一样

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

请参阅此fiddle

Answer 2

根据您发布的代码，您需要将div id从数据更改为内容，或者使用＆＃34; data＆＃34;更改调用getElementById。参数。

也就是说，如果localStorage.score中确实存在要显示的内容。

Answer 3

方法getElementsByTagName()返回一个数组，它访问具有指定标记名的所有元素。使用getElementsByTagName('h2')[0]为其添加值。

喜欢

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