Good afternoon, I ask for help. There is a html structure:

<div class="song-info song-play "> <div class="song-title"> <a title="Ether" href="/ru/a35184372149697/al56c79bbf75c08ebf259759f7/t56c79bbf75c08ebf259759f8"> Ether </a> </div> <div class="song-artist"> <a href="/ru/a35184372149697" title="Mogwai">Mogwai</a> </div> </div>

I want to get Ether Mogwai links to an array or object. For this, I loop around the entire html with the loop:

 var x = document.getElementsByClassName('song-title'); var x1 = document.getElementsByClassName('song-artist');

I receive an array: enter image description here

but then I can’t pick the link text and glue it together. I do this:

 x[1].childNodes

I get: enter image description here

Then I want to get the name of the song: x 1 .childNodes.title; // undefined

The site, the name of the songs from which I'm trying to get

    1 answer 1

    list of all songs

     list = document.getElementsByClassName('song-info song-play ')

    accordingly

     list[1].childNodes[3].childNodes[1].title // назвние группы list[1].childNodes[1].childNodes[1].title // название песни