Как спарсить значение атрибута?

Question

[rad95]

Есть тег
<img class="bee" src="photosofbees.com/bee"> (ссылка для примера). Как мне получить значение атрибута src с помощью JS? Парсить надо с другого сайта и вывести значение на мой сайт.

Answer 1

[Daria Motorina]

https://jsfiddle.net/vn4p32xc/3/

document.getElementsByClassName('bee')[0].src

Answer 2

[Alexander Pushkarev]

const image = document.querySelector('.bee');

console.log(image.getAttribute('src'))

Comments

[rad95]

Забыл уточнить, мне надо с другого сайта.

[Daria Motorina]

rad95, в каком смысле с другого? Вы пишете парсер?

[rad95]

Daria Motorina, да, получить код html с другого сайта и получить значение атрибута src тэга по классу тэга

[Daria Motorina]

rad95, для таких задач нужен более сложный подход)
Вариант 1 - на бекенде (php, python, node.js и т.д.) получить контент страницы, с помощью пакета/библиотеки DOM-парсера найти этот элемент и получить его src (например, для php есть аналог jQuery - phpQuery).
Вариант 2 - использовать headless-браузер или Selenium, чтобы запустить страницу и по xpath найти этот элемент и спарсить его src

[rad95]

Daria Motorina, о, спасибо, думал обойдусь чистым js.