onerror Событие не работало

Question

Я пробую создать код, который заменит изображение src на другом. Я хочу использовать функцию invalidUrl():

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

, но эта функция работает ISN `: <

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

Как изменить изображения в исходные тексты, если текущее изображение Безразлично` существует?

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