Как получить src из img в javascript?

Пользователь

от johnpaul.blick , в категории: JavaScript , 3 года назад

Как получить src из img в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от dmitrypro77 , 3 года назад

@johnpaul.blick Используйте свойство .src у элемента на Javascript чтобы получить значение src из img тега, ниже пример кода:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<html>
<head>
    <meta charset="utf-8"/>
</head>
<body>
    <img class="img" src="https://dropcode.ru/public/logo/0088a88d555.png" alt="dropcode.ru">
</body>
<script>
    let src = document.querySelector(".img").src

    // Вывод: https://dropcode.ru/public/logo/0088a88d555.png
    console.log(src);
</script>
</html>
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.

Пользователь

от ludie , 2 года назад

@johnpaul.blick 

Вы можете получить значение атрибута src из элемента img в JavaScript, используя свойство src объекта HTMLImageElement. Например:

1
2
3
const img = document.querySelector('img');
const src = img.src;
console.log(src); // выводит значение атрибута src из элемента img


Если вы хотите изменить значение атрибута src, вы можете присвоить новое значение свойству src элемента img, например:

1
2
const img = document.querySelector('img');
img.src = 'новый_адрес_изображения.jpg';


Обратите внимание, что при изменении значения атрибута src изображение будет перезагружено.