javascript - 在错误处理程序中读取 .myStyle 的“背景图像”属性值并将其设置为 src？

Question

CSS

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

html

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

有没有办法我可以在错误处理程序中读取 .myStyle 的“背景图像”属性值并将其设置为 src ？

以下代码不起作用：js

myImage = $('.myStyle', $el);
myImage.error(function () {
          myImage.attr('src', background-image);
});

Answer 1

您可以使用：

// change src from element by a css background image from same element.
function changeSrcByCssBackground() {
    $(this).attr('src', $(this).css("background-image").slice(4, -1));
}

// do when error
myImage.error(changeSrcByCssBackground);

Answer 2

要获取background-image值，请执行以下操作：

var bgImage = myImage.css("background-image");

请注意， 的值bgImage将是url(../myImage.png)。

所以你需要这样做：

myImage.attr('src', bgImage.slice(4,-1));