Всем добрый день.
И так, имеется html код:
<a href="#" class="" id="MainImageUrl"><img src="images/1_1_800.jpg" alt="" id="MainImage"></a>
нужно по щелчку загрузить в img новую картинку images/1_2_800.jpg

вариант №1:
function (TargetId,TargetImgUrl)
{
document.getElementById(TargetId).innerHTML='<img src="'+TargetImgUrl+'" alt="">
}
где:
TargetId="MainImageUrl"
TargetImgUrl="images/1_2_800.jpg"

--------------------------------

вариант №2:
{
NewImg = new XMLHttpRequest()
NewImg.open('Get',TargetImg,true);
NewImg.responseType='arraybuffer';
...
var blobObj= new Blob([NewImg.response],{type: NewImg.getResponseHeader("Content-Type")})
var blobObjToImgUrl = window.URL.createObjectURL(blobObj);
document.getElementById(TargetId).src=blobObjToImgUrl;
...
NewImg.send();
}
где:
TargetId="MainImage"
TargetImgUrl="images/1_2_800.jpg"

оба варианта работаю...

Вопрос:
1. вчем их преимущество друг перед ругом?
2. какой лучше, проще, надежнее использовать?

PS: как я вижу в в парсинге данных оба выполняют запрос get.
спасибо, всем заранее за ответ.