Document.querySelectorAll () доступ к коллекции дочерних элементов
В настоящее время я пытаюсь выяснить, как получить доступ к дочернему элементу одного из элементов в следующей коллекции:
var items = document.querySelectorAll(".timeline li");
В какой-то момент я перебираю items и хочу получить доступ к одному из дочерних элементов li, которые я собрал. Если я использую items[i], я получу элемент списка, но оттуда я не уверен, как получить доступ к диапазону внутри него.
Любые идеи?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
If I use items[i] I will get list item, but from there I'm not sure how to access the span inside of it.
Используйте querySelector на items[i]
var spanEl = items[i].querySelector( "span" );
Если имеется несколько span, используйте querySelectorAll.
var spanEls = items[i].querySelectorAll( "span" );
Вы можете использовать функцию querySelector на items[i].
items[i].querySelector(...)
Почему бы просто не получить span напрямую:
var items = document.querySelectorAll(".timeline li > span");
var items = document.querySelectorAll(".timeline li > span");
items.forEach(function(span) {
console.info("Parent: ", span.closest('li').getAttribute("id"));
console.info(span.textContent);
});.as-console-wrapper { max-height: 100% !important; top: 0; }<ul class = "timeline">
<li id = "li#1">
<span>
span#1
</span>
</li>
<li id = "li#2">
<span>
span#2
</span>
</li>
<li id = "li#3">
<span>
span#3
</span>
</li>
</ul>@PaigeMeinke, используя функцию, ближайшую к вам доступ к li. Что ж, это альтернатива получению всего набора пролетов.
+1 Спасибо, что показали мне альтернативный способ, но я думаю, что для моих целей мне лучше всего подходит ответ @ gurvinder372
Мне нужно сначала выполнить действия с основными элементами li, а затем с диапазоном.