Как заменить изображение без изменений HTML?

Question

[Kosmatos_fx]

Всем привет! Я полный нуб в JS и прошу помощи. Гуглил много, но видимо моих знаний не хватает. Суть такая. Есть изображение, добавленное в html и у него нет id и только class. Как я могу с помощью JS или jQuery заменить картинку
Вот фрагмент html

div style="float: left; margin-right: 10px">
<img width="50" class="user-profile-image user-default-profile-image " src="img/default_profile_50.png"></div>

Пытался присвоить id с помощью

function myFoo1(){document.getElementsByClassName("user-default-profile-image")[0].id = "defimage"; }

И заменять через

$('#defimage').attr('src', '/fileservice/file/download/a/233337/sc/494/h/c803022e0f37921830b75a0d243e73e0.png')

Но не выходит

Comments

[Ankhena]

Не понятно зачем вам промежуточное присвоение id.
По классу и присваивайте.

Предварительно распутайте кашу из JS и JQ и определитесь что используете.

Но в целом, всё это похоже на один большой костыль.

[Kosmatos_fx]

Ankhena, понял, а как тогда заменить просто и без костылей?

Пробовал вот такой вариант

document.getElementsByClassName("user-default-profile-image").src="/fileservice/file/download/a/233337/sc/494/h/c803022e0f37921830b75a0d243e73e0.png";

[Антон Литвиненко]

уберите из вашего примера лишнее и останется

$('.user-default-profile-image').attr('src', '/fileservice/file/download/a/233337/sc/494/h/c803022e0f37921830b75a0d243e73e0.png')

[Ankhena]

Kosmatos_fx,

document.getElementsByClassName("user-default-profile-image")[0].src="/fileservice/file/download/a/233337/sc/494/h/c803022e0f37921830b75a0d243e73e0.png";