图片标签style.height不会覆盖css类的高度？

Question

的CSS

.myStyle {
height: 10px;
background-image: url(../myImage.png);
}

HTML

<img class=myStyle src=<%scriptlet%> >

现在问题出现在我的js中，我为这个img标签编写了一个错误处理程序，它将高度设置为0px。这个0px来自style.height = 0px，但不会覆盖myStyle类的高度。

JS

myImage = $('.myStyle', $el);
myImage.error(function () {
           myImage.attr('style.height', '0px');
});

Answer 1

变化：

myImage.attr('style.height', '0px');

到

myImage.css('height', '0');

要获取背景图片，您可以使用获取，例如

myImage.css("background");

OR

myImage.css("backgroundImage")

Answer 2

使用此：

myImage.height(0);

而不是：

myImage.attr('style.height', '0px');

attr()用于属性操作，因此为了使后面的声明有效，您还可以将其更改为：

myImage.attr('style', 'height: 0px;');

请参阅attr() on the jQuery docs。

Answer 3

请改用：

myImage.height('10px');

Answer 4

myImage.style.height = '0px';

这也可以。