Как из найденных тегов выбрать содержащийся в них тег?

Question

[Grep1]

Нужно помощь в нативно js.
Есть список, мне нужно конкретно внутри li получить тег а, как это сделать? Сейчас получается получить только li, но мне надо подцепить еще внутрилежащий а и получить содержимое href

<ul>
			<li><a href="http://google.com">http://google.com</a></li>
			<li><a href="/pages">/pages.html</a></li>
			<li><a href="local/path">local/path</a></li>
			<li><a href="ftp://ftp.com/you.zip">ftp://ftp.com/you.zip</a></li>
			<li><a href="http://nodejs.org">http://nodejs.org</a></li>
			<li><a href="https://srt.ru/test">https://srt.ru/test</a></li>
		</ul>

let li = document.getElementsByTagName('li');

Answer 1

[Alexander Chuvilin]

Например, для первого li атрибут href элемента a можно получить так:

let li = document.getElementsByTagName('li');
let href = li[0].getElementsByTagName('a')[0].href;

Индекс [0] необходим для получения конкретного элемента, так как getElementsByTagName() возвращает коллекцию.

Answer 2

[Кирилл Серебряков]

let li = document.querySelectorAll('li a'); // берём массив с <a> тегом
	let href = li[0].href  //Из массива <a> берём href

Более компактный вариант