完成功能后,插入HTML的文本消失

时间:2019-03-03 18:32:47

标签: javascript html json object

我试图像这样在localStorage中以JSON存储一些数据。 (这是在函数中发生的。)

var inkomster = [];    
var nyInkomst = {
        "datum": datum,
        "beskrivning": beskrivning,
        "belopp": belopp
};
inkomster.push(nyInkomst);
localStorage.setItem("inkomster", JSON.stringify(inkomster));

稍后,应该可以检索数据并将其显示在网页上,因此我正在另一个功能中进行此操作:

var retrievedIncomeObject = localStorage.getItem("inkomster");
storedInkomster = JSON.parse(retrievedIncomeObject);
var aktuellManadInkomster = {};

for (var key in storedInkomster) {
            if (storedInkomster.hasOwnProperty(key)) {  
                if(storedInkomster[key].datum.substring(3,5) == manadsnummer){
                aktuellManadInkomster[key] = storedInkomster[key];
                }
            }
}

for (var key2 in aktuellManadInkomster) { 
    if (aktuellManadInkomster.hasOwnProperty(key2)) {
       document.getElementById('statistikDIV').insertAdjacentHTML('afterbegin', aktuellManadInkomster[key2].datum);
    }
}

我的数据根据​​需要显示在statistikDIV标记中,但仅在函数执行时显示。 该功能完成后,我的数据将从我的网页中消失。

我不明白为什么会这样,但是我猜测是我不了解Javascript中有关对象和作用域的某些东西吗?

1 个答案:

答案 0 :(得分:0)

我在我的按钮标签中添加了type =“ button”。那解决了问题。谢谢!