如何删除高度和宽度？

Question

目前我正在使用jQuery制作图像轮播。我已经从网络上下载了代码。我的代码演示在这里。

我的问题是：如何去除动态附加到图像标记的高度和宽度内联样式？

谢谢。

- rajeshrt

---

它被删除后，您认为其高度和宽度会是什么？0？ - ajma

我期望如果我移除高度和宽度，那么它应该采用原始的高度和宽度，而不是代码分配给它们的高度和宽度。 - rajeshrt

Answer 1

尝试使用这段代码：

$('your-image').css({ 
  width: '',
  height: ''
});

如果您想设置“原始”图像尺寸，请尝试以下方法：

$('your-image').css({ 
  width: 'auto',
  height: 'auto'
});

- Olegas

---

什么浏览器？我在FF和Chrome中检查了一下，内联样式属性就像你想要的那样被删除了。如果你想设置“原始”大小，请尝试使用'auto'而不是''。 - Olegas

是的，你说得对，但当我点击下一张图片时，尺寸又会切换到预定义的值。如何解决这个问题？ - rajeshrt

我在哪里可以看到这种行为？“预定义”是指“非原始的，但通过内联样式设置”？ - Olegas

你说得对，现在我明白了。我在 boutique_min.js 中删除了高度和宽度设置 #boutique .front img{margin:6px;width:280px;height:400px}，现在我的原始图像恢复了它们的原始高度和宽度。但是布局完全改变了，我该怎么解决呢？ - rajeshrt

我可以在不看整张图片的情况下解决这个问题。请提供您的页面链接，其中包含演示（并修复宽度/高度）。 - Olegas

我知道伙计你可以，但我的代码实际上在本地主机上，所以我无法展示给你。好的，你能不能把你的 Gmail 邮箱地址发给我，我可以向你展示问题的屏幕截图。 - rajeshrt

Answer 2

为了让它能够在所有情况下工作，您需要删除属性和CSS。这适用于我的代码。

$('your-image')
   .removeAttr("width").removeAttr("height")
   .css({ width: "", height: "" });

- Aristos

Answer 3

这是一个非常简单的jQuery解决方案。我在wpwizard.net上找到了答案。

这是URL：http://wpwizard.net/jquery/remove-img-height-and-width-with-jquery/ 这是jQuery代码：

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($){

    $('img').each(function(){ 
        $(this).removeAttr('width')
        $(this).removeAttr('height');
    });

});
</script>

- Mitch

Answer 4

你也可以使用原生JavaScript来完成它。

let articleContentImages = document.getElementById("articleContent").getElementsByTagName("img");
for(let i = 0; i < articleContentImages.length; i++){
    articleContentImages[i].style.height = "auto";
    articleContentImages[i].style.width = "auto";
}

- Grant

Answer 5

$('img').width('auto').height('auto');

- Nelu

Answer 6

继承可能是其中一种方式。

$('your-image').css({ width: "inherit", height: "inherit" });

- fancab