                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /瀑布流布局

關(guān)于獲取offsetHeight的問(wèn)題

<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8"/>
<title>WaterFall-By?Primes?to?PA</title>
<style>
????*{padding:?0;margin:0;}
????#main{
????????position:?relative;
????????padding:?0?auto;
????}
????.box{
????????float:?left;
????????padding:?6px;
????????margin:?7px;
????????border:?1px?solid?#ccc;
????????border-radius:?5px;
????????box-shadow:?0?0?6px?#ccc;
????}
????.box?img{
????????width:?162px;
????????display:?block;
????}
</style>
<script>
????var?data?=?creatdata()???//把我文件夾里的圖片路徑全部導(dǎo)入到數(shù)組中。
????window.onload?=?function(){
????????var?main?=?document.getElementById('main');
????????createle(main,data[0]);
????????//在頁(yè)面中創(chuàng)建一張圖片
????????var?checkpic?=?document.getElementsByClassName('box')[0];
????????//獲取剛剛添加的那張圖片然后打印他的屬性，然后問(wèn)題就來(lái)了。
????????console.dir(checkpic);
????????console.log(checkpic.offsetHeight);
????????//??？？？？？？？？？？？？？？？？？？？？？？？
????????//??？剛添加的那張圖片offsetHeight獲取值死活就是？
????????//??？不正確，但offsetWidth可以，dir里面顯示的數(shù)？
????????//??？值也是正常的。為什么呢！這樣我沒(méi)法根據(jù)圖片？
????????//??？的Height來(lái)進(jìn)行下一步??！我百度了好多也沒(méi)有？
????????//??？準(zhǔn)確的說(shuō)法，最接近的是它剛加載所以沒(méi)法獲??？
????????//??？？？？？？？？？？？？？？？？？？？？？？？
????}
????
????function?creatdata(){??//圖片數(shù)組創(chuàng)建函數(shù)
????????var?dataarr?=?[];
????????for(var?i=0;?i<=31;?i++){
????????????dataarr.push('./'?+?i?+?'.jpg');
????????}
????????return?dataarr;
????}
????function?createle(oParent,src){????//元素創(chuàng)建函數(shù)
????????var?nbox?=?document.createElement('div');
????????nbox.className?=?'box';
????????var?nimg?=?document.createElement('img');
????????nimg.src?=?src;
????????nbox.appendChild(nimg);
????????oParent.appendChild(nbox);
????}
</script>
</head>
<body>
<div?id='main'>
</div>
</body>
</html>

求解脫，問(wèn)題在上面！感謝