Question

目前我正在使用jquery处理图像滑块。我已经从网上下载了代码。我的代码演示是here。

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

感谢。

Answer 1

尝试使用此代码：

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

如果您想设置“原始”图片尺寸，请尝试以下操作：

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

Answer 2

要使其在所有方面都有效，您需要同时删除属性和CSS。这是我的代码的工作。

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

Answer 3

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

以下是网址：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>

Answer 4

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

Answer 5

您也可以使用原始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";
}

如何去除高度和宽度？

5 个答案: