naturalHeight與naturalWidth的比較

Question

我正在嘗試比較列表中保存的一系列圖像的高度和寬度。 但是，運行此命令后，“ if”語句將在每個實例中運行“ else” console.log。

沒有顯示其他錯誤。 根據chrome調試器，所有圖像均設置了“ naturalHeight”和“ naturalWidth”數值。

誰能幫我嗎？

 setImgSize(myList); function setImgSize(list){ var elementChildren = list.children; for (var i = 0; i < elementChildren.length; i++) { if (list.children[i].children[0].natualHeight > list.children[i].children[0].natualWidth){ console.log("is Heigher"); } else if (list.children[i].children[0].natualHeight <= list.children[i].children[0].natualWidth){ console.log("is Longer"); } else { console.log("bypassed"); }; }; } 

 <ul id="myList"> <li class="lfwImg"><img src="images/LFW/_MG_5664ed.jpg"></img></li> <li class="lfwImg"><img src="images/LFW/_MG_5945ed.jpg"></img></li> <li class="lfwImg"><img src="images/LFW/_MG_5334ed.jpg"></img></li> <li class="lfwImg"><img src="images/LFW/_MG_6067ed.jpg"></img></li> <li class="lfwImg"><img src="images/LFW/_MG_4280ed.jpg"></img></li> <li class="lfwImg"><img src="images/LFW/_MG_6367ed.jpg"></img></li> <li class="lfwImg"><img src="images/LFW/_MG_5141ed.jpg"></img></li> <li class="lfwImg"><img src="images/LFW/_MG_2823ed.jpg"></img></li> <li class="lfwImg"><img src="images/LFW/_MG_4501ed.jpg"></img></li> </ul> 

Answer 1

natualHeight

仔細看看veeeeeeery這個詞... =）

可能只是發現NaN既不小於也不大於也不等於NaN 。 （您在naturalWidth上也有相同的錯字）