Как мне получить доступ к списку, в котором элементы "li" содержат дочерний элемент "a"?

#javascript #html

#javascript #HTML

Вопрос:

 var array = [];

<ul>
<li><a href="#"> First </a></li>
<li><a href="#"> Second </a></li>
<li><a href="#"> Third </a></li>
</ul>

Я хочу поместить каждый элемент «a» в массив. После того, как я получаю доступ к элементу «li», я не могу идти дальше в достижении элемента «a».

Я знаю, что это выглядит просто, но по какой-то причине я не могу понять это, пожалуйста, помогите

1. Вам нужен массив всех li , содержащих an a , или вам нужен массив всех a , которые находятся внутри an li ?

2. Что это за контекст? Я делаю это внутри браузера или с помощью драйвера? Почему вам нужна эта информация? Что вы собираетесь делать с a ?

3. @Reyno массив всех «a», которые находятся внутри

Ответ №1:

Не очень понятно, что вам нужно здесь. Но вот простой пример того, как вы можете получить эти элементы в браузере.

 var array = document.querySelectorAll('li a');
console.log(array);

 <ul>
<li><a href="#"> First </a></li>
<li><a href="#"> Second </a></li>
<li><a href="#"> Third </a></li>
</ul>

в запросе li a указано выбрать все a , что содержится в li теге. Документы по querySelectorAll