Question

有很多类似于我的问题，我得到了大量错误的问题，我似乎无法判断我的是否是重复的。我注册了一个帐户来问这个问题。

我的问题是代码给了我＆＃34; Uncaught SyntaxError：Unexpected token＆＃34;

HTML

<section class="shopBoxBot" href="index.html">
<img class="shopImg" src=Images/Shop/Amethyst_Bracelet.jpg>
<p> hi </p>
</section>

的Javascript

var shopSizer = document.querySelectorAll(".shopImg");
for (var i = 0; i < shopSizer.length; i++){
if (shopSizer[i].width => shopSizer[i].height){
  shopSizer[i].style.height='100%';
}
else{ shopSizer[i].style.width='100%'; 
}
}

我想要的是比较并查看哪个更大，高度或宽度，然后根据它决定哪一个来制作父母的大小。

此行发生错误

if (shopSizer[i].width => shopSizer[i].height){

Answer 1

您错误地使用了比较运算符。 =>应为>=

if (shopSizer[i].width => shopSizer[i].height){

应该是

if (shopSizer[i].width >= shopSizer[i].height){

Answer 2

HTML

<section class="shopBoxBot" href="index.html">
<img class="shopImg" src=Images/Shop/Amethyst_Bracelet.jpg>
<p> hi </p>
</section>

的Javascript

var shopSizer = document.querySelectorAll(".shopImg");
for (var i = 0; i < shopSizer.length; i++){
if (shopSizer[i].width >= shopSizer[i].height){
shopSizer[i].style.height='100%';
}
else{ shopSizer[i].style.width='100%'; 
}
}

Answer 3

语法错误在操作＆＃34; =＆gt;＆＃34;你应该写＆＃34;＆gt; =＆＃34; if（shopSizer [i] .width＆gt; = shopSizer [i] .height）

Answer 4

在第if (shopSizer[i].width => shopSizer[i].height){行中，您使用的是=>，它不是比较运算符。你想要的操作员是>=

在javascript中查看此list of comparison operators

所以，你的javascript变成了：

var shopSizer = document.querySelectorAll(".shopImg");
for (var i = 0; i < shopSizer.length; i++){
    if (shopSizer[i].width >= shopSizer[i].height){
        shopSizer[i].style.height='100%';
    }
    else{ shopSizer[i].style.width='100%'; 
    }
}

使用javascript比较html类的属性

4 个答案: