為什么提示Cannot set property 'top' of undefined呢
var hArr = [];
for(var i=0;i<oBoxs.length;i++){
? ?if(i<cols){
? ? ? ?hArr.push(oBoxs[i].offsetHeight);
? ?}else{
? ? ? ?var minH = Math.min.apply(null,hArr);//求每一列圖片的高度的最小值
? ? ? ?var index = getMinhIndex(hArr,minH);
? ? ? ?oBoxs[i].style.position='absolute';
? ? ? ?oBoxs[i].style.offset.top = minH + 'px'; //該行報錯，不明白具體是什么原因呢
? ? ? ?console.log(oBoxs[index].offsetLeft);
? ? ? ?oBoxs[i].style.offset.left=oBoxW*index+'px';
? ? ? ?//oBoxs[i].style.offset.left=oBoxs[index].offsetLeft+'px';
? ?}
}
控制臺報錯，提示waterfall.js:25 Uncaught TypeError: Cannot set property 'top' of undefined
2016-05-19
我知道哪里錯了，我把style.left和offsetLeft搞混淆了。百度了解了一下，具體區(qū)別如下：
1.定義:
offsetLeft: 獲取的是當(dāng)前對象左側(cè)距離父對象左側(cè)的值(均不包含border);
style.left: 獲取或設(shè)置相對于具有定位屬性(position定義為relative)的父對象的左邊距;
還有個clientLeft:獲取的是當(dāng)前對象的offsetLeft屬性值和到當(dāng)前窗口左邊的真實值之間的距離,.?
2.如果父對象的position定義為relative,子對象的position定義為absolute，那么子對象的style.left的值是相對于父對象的值,等同于offsetLeft的值.
3.區(qū)別:
-?style.left 返回的是字符串"50px"，offsetLeft返回的是數(shù)值50，如果需要對取得的值進(jìn)行計算，用offsetLeft比較方便,不需要用parseInt(style.left).
-??style.left是可以設(shè)置或更改，offsetLeft是只能獲取不能更改的，因此要改變子對象的位置，只能修改style.left的值。
-??style.left的值需要?事先定義?,而且?要定義相應(yīng)對象的標(biāo)簽里?(即內(nèi)聯(lián)style)，就如上面用內(nèi)嵌style的話，獲取不到style.left的值.但是offsetLeft則可以取到.