onerror事件没有工作

Question

我尝试创建代码来替换另一个src图像。我想使用的功能invalidUrl（）：

function invalidUrl() { 
    paint.src = randomvariable; 
} 

不过这个功能isn`t运行：<

var paint = '<img src="' + url + '"class="heightImg" onerror="invalidUrl()"/>' + '</br></br>' + description; 

如何更改SRC影像时，如果当前画面不`吨存在吗？

Answer 1

paint.src // undefined 

这是因为油漆是“字符串”类型的字符串有没有“SRC”属性。

您可以使用JavaScript的香草来构建你的img元素：

var paintedElement = document.createElement("img"); 
paintedElement.src = url; 
paintedElement.class = "heightImg"; 
paintedElement.onerror = function invalidUrl() { 
    paint.src = randomvariable; 
}; 
paintedElement.innerHTML = "</br></br>" + description; 
// append where you need to append paintedElement 

Answer 2

如果你愿意使用jQuery，您可以创建一个元素：

var paintelement=$('<img src="' + url + '"class="heightImg"/>' + '</br></br>' + description); 
paintelement.attr('src','wherever'); 
paintelement.appendTo('#somewhere'); 
paintelement.on('error',function(){paint.src = randomvariable;});