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

Question

我有多个我想要在HTML代码中编写的本地存储值。

我主要div的名字是data并有内部的div

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

的h2标签现在，如果我想我的localStorage值写入data DIV我会做到这一点，

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

但我想把它写在h2标记里， 所以我在Sta搜索后试过这个ckoverflow，

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

Answer 2

根据您发布您需要更改从数据的DIV ID内容或改变调用的代码带有“data”参数的getElementById。

也就是说，如果在localStorage.score中确实有东西要显示。

Answer 3

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

喜欢

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