我试图使用innerHTML显示一个在json文件中循环运行的变量并添加到自身,但是当它与innerHTML一起添加时,它显示为0.我使用console.log来制作确定它按照它应该的方式添加数字,而且肯定是,所以我不太确定问题是什么(对我来说很容易,我今天开始使用Javascript)。
Console.log:http://i.imgur.com/cPaCMJD.png
它在网页中的显示方式:http://i.imgur.com/BHld58C.png
我的Javascript:
window.onload = function() {
//Creates variable count
var count = 0;
//Runs through json file in a loop so the count can find the object amount
$.getJSON("/quake/quake.txt", function(json1) {
$.each(json1, function(key, data) {
count = count + 1;
count = count - (Number(data.mag) < 3.1);
console.log(count);
});
});
//Displays count in element with ID quakecount
document.getElementById("quakecount").innerHTML += "Magnitude 3.1+ Earthquakes Displayed: " + count;
}
答案 0 :(得分:0)
$.getJSON
异步,它不会等待文件加载,它会移动到下一行,因此每当你获得0
时,移动你的{ {1}}在这个函数中它可以正常工作。:
innerHTML