Как получить src из img javascript
Перейти к содержимому

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

  • автор:

получить src js

Если вы хотите получить ссылку на файл JavaScript, который используется на веб-странице, то вам нужно открыть раздел «Исходный код» (View Source) браузера и найти тег script , в который подключен нужный файл:

 src="path/to/your/script.js"> 

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

 src="path/to/your/script.js"> 

13 апреля 2023

Для получения значения атрибута src у элемента страницы в JavaScript, можно использовать свойство src этого элемента.

Допустим, у вас есть изображение на странице:

 src="my-image.jpg" alt="My Image" /> 

Чтобы получить значение атрибута src этого изображения, можно использовать следующий JavaScript код:

const myImage = document.querySelector('img'); const srcValue = myImage.src; console.log(srcValue); // Выведет "http://example.com/my-image.jpg" 

В данном примере мы используем метод document.querySelector() для получения ссылки на элемент img . Затем мы используем свойство src этого элемента для получения значения атрибута src .

Как получить src на кликнувший img в одном блоке?

Есть несколько фотографий в блоке gl. Как мне получать src фотографии, по которой кликну? Вот пример (упрощенный т.к без решения с img нет смысла писать дальше его):

 

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

pic.getElementsByTagName('img') 

, а после получить getAttribute(src) Но это не работает. Получается получить src фото если я указываю:

pic.getElementsByTagName('img')[0] 

и выше ([1][2] и т.д.). Тогда у меня все работает хорошо. Как вы понимаете в случае выше я возьму src только того img которому укажу [число], а мне нужно отловить по какому img был совершен клик. PS пожалуйста, без готовых кодов. Только намеки как сделать это.

Как получить src?

По нажатию на ссылку нужно получать атрибут src у картинки.

Я пытался через querySelectorAll, но при попытке повесить событие addeventlistener получал ошибку. Через id тоже не получилось, вспомнил что id это уникальный идентификатор и он должен быть один на странице.

Подскажите пожалуйста, как сделать так, чтобы по нажатию на ссылку в консоль выводился атрибут src у img. И чтобы эту функцию можно было вызывать не один раз.

  • Вопрос задан более трёх лет назад
  • 5251 просмотр

Комментировать
Решения вопроса 1

KickeRocK

FrontFinish

const allLinks = document.querySelectorAll('.slide-img a'); allLinks.forEach(el=>el.addEventListener('click',function(e)< e.preventDefault(); console.log(el.querySelector('img').getAttribute('src')); >);

Как получить значение src у img?

Мне нужно вытащить значение src у img, как мне это сделать?

  • Вопрос задан более трёх лет назад
  • 402 просмотра

Комментировать
Решения вопроса 1

Seasle

const strings = [ '1234566 4553342 aaa', '
', 'src="https://qna.habr.com/q/1"', '' ]; const expression = /img.+?src=(["'])(.+)\1/; for (const string of strings) < const src = (string.match(expression) || [])[2] ?? null; console.log(string); console.log(src); >/* 1234566 4553342 aaa link
https://example.com src="https://qna.habr.com/q/1" null ../img.png */

Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Ответы на вопрос 1

approximate_solution

approximate solution @approximate_solution
JS Developer. Angular\React\Vue\Ember

const str = '1234566 4553342 aaa>'; const img = document.createElement('img'); img.innerHTML = str;

console.log(img) ——/ тут ваш тэг img

и дальше достаете атрибут src с помощью getAttribute(‘src’);

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *