Как вывести атрибут href из тега a?

Question

[BEEaR]

на странице есть изображение с ссылкой вот так:

<div id="new">
<a href="https://site.ru/uploads/posts/2018-01/1516114051_62783_0.jpg" class="highslide" target="_blank"><img src="/uploads/posts/2018-01/thumbs/1516114051_62783_0.jpg" style="max-width:100%;" alt=''></a>
</div>

мне нужно удалить всё кроме атрибута href, то есть вывести просто текстом url

https://site.ru/uploads/posts/2018-01/1516114051_62783_0.jpg

а если изображение вставлено не ссылкой, а только через img тогда вывести значение атрибута src из img, добавив к относительному пути site.ru

есть ли знатоки, кто сможет помочь с этой задачей?

Answer 1

[Stalker_RED]

let x = '//site.ru' + document.querySelector('#new img').src
console.log(x)