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;});