window.onload=function(){
function falls(){
//定义多少列;
this.col=4;
}
var add = 1;
var load_length=30;
var curObj=new falls();
//获取瀑布流的区域;
var falls_main=document.getElementById("box_out");
var falls_width=falls_main.offsetWidth;
var main_ul=document.getElementById("falls");
//获取li对象
var falls=main_ul.getElementsByTagName("li");
//获取内盒子
var main_box=document.getElementById("box_in");
//声明数组来获取存放高度;
var arr=Array(curObj.col);
for(var xy=0;xy<arr.length;xy++){
arr[xy]=0;
}
for(var jj=0;jj<load_length;jj++){
createEle();
}
for(var i=0;i<falls.length;i++){
falls[i].onclick=function(){
}
}
function createEle(){
var new_img=document.createElement("img");
var new_li=document.createElement("li");
new_li.style.width=falls_width/(curObj.col)+"px";
new_img.setAttribute("src",add+".jpg");
new_li.appendChild(new_img);
new_img.style.display="bloxk";
new_img.style.width="100%";
new_img.style.height="auto";
main_ul.appendChild(new_li);
if(add<3){
add++;
}else{
add=1;
}
var li_length=(main_ul.getElementsByTagName("li").length-1)%4;
new_li.style.position="absolute";
ElePosition(new_li,li_length);
// new_li.style.backgroundColor="#"+(Math.round((Math.random()*4095))).toString(16);
}
function ElePosition(new_li,li_length){
new_li.style.top=arr[li_length]+"px";
//下面这行代码在火狐中都能正常获取到值,但为什么在谷歌会出现获取不到值
***arr[li_length]+=new_li.offsetHeight;***
console.log(arr[li_length])
new_li.style.left=(li_length)*(falls_width/(curObj.col))+"px";
}
main_box.onscroll=function(){
createEle();
var top_hidden=document.all.box_in.scrollTop;
}
document.all.close_window.onclick=function(){
document.all.falls_bigImg_bg.style.display="none";
}
}
这个代码在火狐中都能正常运行,但为什么在谷歌中
可能浏览器解析机制不一样,估计火狐自动修正你代码中产生的错误了,而谷歌则没有忽略错误,我看了你好像都没有给li设置高度吧?