JavaScript AnchorTag.text возвращение неопределенные

Question

Я должен взять имена школы с этой страницы: http://www.australianschoolsdirectory.com.au/search-result.php для работы, и я не хочу, чтобы сделать это вручную, так что я написал сценарий и поставил его в консоль:

var schoolNames = document.getElementsByClassName("listing-header"); 
console.log(schoolNames[0].getElementsByTagName('a').text); 

Этот код возвращает undefined, но я ожидаю получить имя первой школы.

Как сделать это правильно, если я думаю, что это сделано правильно, ха-ха?

Спасибо!

Answer 1

Проблема в том, что вы вызываете .text() по массиву результатов. Метод, который вы использовали getElementsByTagName(), возвращает массив. Так что, если вы хотите, чтобы получить текст такого элемента, скажем, первый один, вы бы использовать что-то вроде: тыс

console.log(schoolNames[0].getElementsByTagName('a')[0].text); 

Так же, как вы сделали в первой части кода после получения массива все элементы, которые имели название класса var schoolNames = document.getElementsByClassName("listing-header"); и schoolNames[0]