if图像高度JavaScript语句

我在我的网站上有几个图片的网格。将鼠标悬停在其中一个图像上，将显示带有名称和价格的标签。问题是一些图像的高度较小，然后标签太靠近底部。现在，我试图编写一个JS if语句，以便在图像高度小于200px时，仅减小标签的页边距顶部

这是我的html的外观：

<div class="fw_preview_wrapper">
<img src="'.$row['imageURL'].'" alt="" class="fw_featured_image" id="product_image" width="540">
<span class="price_tag" id="price_tag"><span class="actual_price">€ '.$row['Price'].'</span>

正如您在上面所看到的，利润率上限设置为86%。当图像的高度小于200px时，此值需要更改为“80%”

最后，JS部分：

<script>
var img = document.getElementById('#product_image'); 
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;

if(height < 200){
$("span.price_tag").css('top','80%');
}
</script>

var img=document.getElementById（“#产品_图像”）；
//或者你如何处理IMG
变量宽度=img.clientWidth；
变量高度=img.clientHeight；
如果（高度<200）{
$（“span.price_tag”）.css（'top'，'80%）；
}

它不起作用。我希望能得到一些帮助。提前谢谢

不要在getElementById的参数中使用hash

#

：

var img = document.getElementById('product_image'); 

然而，您也在使用jQuery，看到您的代码，为什么不这样做：

var img = $('#product_image'); 
var width = img.width();
var height = img.height();

if(height < 200){
$("span.price_tag").css('top','80%');
}

var img=$（“#产品_图像”）；
变量宽度=img.width（）；
变量高度=img.height（）；
如果（高度<200）{
$（“span.price_tag”）.css（'top'，'80%）；
}

不要在getElementById的参数中使用哈希值

。

：

var img = document.getElementById('product_image'); 

然而，您也在使用jQuery，看到您的代码，为什么不这样做：

var img = $('#product_image'); 
var width = img.width();
var height = img.height();

if(height < 200){
$("span.price_tag").css('top','80%');
}

var img=$（“#产品_图像”）；
变量宽度=img.width（）；
变量高度=img.height（）；
如果（高度<200）{
$（“span.price_tag”）.css（'top'，'80%）；
}

不要在getElementById的参数中使用哈希值

。

：

var img = document.getElementById('product_image'); 

然而，您也在使用jQuery，看到您的代码，为什么不这样做：

var img = $('#product_image'); 
var width = img.width();
var height = img.height();

if(height < 200){
$("span.price_tag").css('top','80%');
}

var img=$（“#产品_图像”）；
变量宽度=img.width（）；
变量高度=img.height（）；
如果（高度<200）{
$（“span.price_tag”）.css（'top'，'80%）；
}

不要在getElementById的参数中使用哈希值

。

：

var img = document.getElementById('product_image'); 

然而，您也在使用jQuery，看到您的代码，为什么不这样做：

var img = $('#product_image'); 
var width = img.width();
var height = img.height();

if(height < 200){
$("span.price_tag").css('top','80%');
}

var img=$（“#产品_图像”）；
变量宽度=img.width（）；
变量高度=img.height（）；
如果（高度<200）{
$（“span.price_tag”）.css（'top'，'80%）；
}

在javascript中，您应该使用：

var img = document.getElementById('product_image'); 

---

在jquery中使用，例如：

var img=$（“#产品(u图像”）

在javascript中，您应该使用：

var img = document.getElementById('product_image'); 

---

在jquery中使用，例如：

var img=$（“#产品(u图像”）

在javascript中，您应该使用：

var img = document.getElementById('product_image'); 

---

在jquery中使用，例如：

var img=$（“#产品(u图像”）

在javascript中，您应该使用：

var img = document.getElementById('product_image'); 

在jquery中使用，比如：

var img=$（“#product_image”）

remove#从元素获取语句中，我们使用#在jquery中指定id，而不是在js中 试试这个

  <script type="text/javascript"> 
   var img = document.getElementById('product_image'); 
   var width = img.clientWidth;
   var height = img.clientHeight;

   if(height < 200)
        $("span.price_tag").css('top','80%'); 
 </script>

var img=document.getElementById（'product_image'）；
变量宽度=img.clientWidth；
变量高度=img.clientHeight；
如果（高度<200）
$（“span.price_tag”）.css（'top'，'80%）；

remove#从元素获取语句中，我们使用#在Jquery中指定id，而不是在js中指定id 试试这个

  <script type="text/javascript"> 
   var img = document.getElementById('product_image'); 
   var width = img.clientWidth;
   var height = img.clientHeight;

   if(height < 200)
        $("span.price_tag").css('top','80%'); 
 </script>

var img=document.getElementById（'product_image'）；
变量宽度=img.clientWidth；
变量高度=img.clientHeight；
如果（高度<200）
$（“span.price_tag”）.css（'top'，'80%）；

remove#从元素获取语句中，我们使用#在Jquery中指定id，而不是在js中指定id 试试这个

  <script type="text/javascript"> 
   var img = document.getElementById('product_image'); 
   var width = img.clientWidth;
   var height = img.clientHeight;

   if(height < 200)
        $("span.price_tag").css('top','80%'); 
 </script>

var img=document.getElementById（'product_image'）；
变量宽度=img.clientWidth；
变量高度=img.clientHeight；
如果（高度<200）
$（“span.price_tag”）.css（'top'，'80%）；

remove#从元素获取语句中，我们使用#在Jquery中指定id，而不是在js中指定id 试试这个

  <script type="text/javascript"> 
   var img = document.getElementById('product_image'); 
   var width = img.clientWidth;
   var height = img.clientHeight;

   if(height < 200)
        $("span.price_tag").css('top','80%'); 
 </script>

var img=document.getElementById（'product_image'）；
变量宽度=img.clientWidth；
变量高度=img.clientHeight；
如果（高度<200）
$（“span.price_tag”）.css（'top'，'80%）；

谢谢！但仍然存在一个问题。当我使用这个脚本时，小于200px的图像和大于200px的图像都会受到影响（或者不受影响）。我似乎无法区分大小，但图像的高度之间存在巨大差异。。。我在想也许图像变量没有正确地获取图像，这可能吗？谢谢！但仍然存在一个问题。当我使用这个脚本时，小于200px的图像和大于200px的图像都会受到影响（或者不受影响）。我似乎无法区分大小，但图像的高度之间存在巨大差异。。。我在想也许图像变量没有正确地获取图像，这可能吗？谢谢！但仍然存在一个问题。当我使用这个脚本时，小于200px的图像和大于200px的图像都会受到影响（或者不受影响）。我似乎无法区分大小，但图像的高度之间存在巨大差异。。。我在想也许图像变量没有正确地获取图像，这可能吗？谢谢！但仍然存在一个问题。当我使用这个脚本时，小于200px的图像和大于200px的图像都会受到影响（或者不受影响）。我似乎无法区分大小，但图像的高度之间存在巨大差异。。。我在想也许图像变量没有正确地获取图像，这可能吗？谢谢！但仍然存在一个问题。当我使用这个脚本时，小于200px的图像和大于200px的图像都会受到影响（或者不受影响）。我似乎无法区分大小，但图像的高度之间存在巨大差异。。。我在想也许图像变量没有正确地获取图像，这可能吗？谢谢！但仍然存在一个问题。当我使用这个脚本时，小于200px的图像和大于200px的图像都会受到影响（或者不受影响）。我看不出来