function yHandler(){
///page scroll loader
var statusloader = document.getElementById('statusloader');
var contentHeight = statusloader.offsetHeight;
var yOffset = window.pageYOffset;
var y = yOffset + window.innerHeight;
var i = 1;
if(y >= contentHeight){
// Ajax call to get more status data goes here
statusloader.innerHTML += '<div class="newData">'+ i++ +'</div>';}
}
window.onscroll = yHandler;
statusloader.innerHTML += '<div class="newData">i++</div>';}
这是创建 div 的行。我在那里有 i++ 来创建数字 1,然后在下一个 div 上它应该显示数字 2。但是我无法输出任何数字
最佳答案
你必须像这样转义字符串:
statusloader.innerHTML += '<div class="newData">' + i++ + '</div>'
问题是您将变量 i 定义为局部变量,因此如果调用函数 yhandler,它将始终设置回 1。
只需将 var i = 1 放在函数定义之上
关于javascript - 我正在尝试按顺序将数字插入到 div 主体中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41308991/