在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;