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

仔细观察那个词...... =）

可能只是发现NaN既不小于也不大于NaN。（你在naturalWidth上也有相同的拼写错误）

naturalHeight与naturalWidth的比较

1 个答案: