Und hier der, stark nach Vanille riechende „Fußweg“:
<ol class="playlist">
<li>Sloop</li>
<li>La Bamba</li>
<li>D-Hymne</li>
</ol>
<ol class="playlist">
<li>Yesterday</li>
<li>Knockin on Havens Door</li>
<li>Lady in Red</li>
</ol>
<pre id="Ausgabe">Ausgaben:</pre>
<script>
var arr_playlists = document.getElementsByClassName("playlist");
ausgabe( arr_playlists.length + " Listen ");
for ( let i=0; i<arr_playlists.length; i++ ) {
let arr_li = arr_playlists[i].getElementsByTagName("li");
ausgabe(
"\t"
+ 'Liste '
+ (i+1)
+ ': '
+ arr_li.length
+ ' Titel gefunden:'
);
// 2. Ebene
for ( let k=0; k< arr_li.length; k++ ) {
arr_playlists[i][k] = arr_li[k];
ausgabe(
"\t\t Liste "
+ ( i + 1 )
+ ', Titel '
+ ( k + 1 )
+ ': „'
+ arr_playlists[i][k].innerHTML
+ '“'
);
}
}
function ausgabe(s) {
document.getElementById('Ausgabe').innerHTML += s + "\n";
}
</script>
Das zu Grunde liegende HTML habe ich „reingeneert“.
Ausgaben:
Ausgaben:2 Listen
Liste 1: 3 Titel gefunden:
Liste 1, Titel 1: „Sloop“
Liste 1, Titel 2: „La Bamba“
Liste 1, Titel 3: „D-Hymne“
Liste 2: 3 Titel gefunden:
Liste 2, Titel 1: „Yesterday“
Liste 2, Titel 2: „Knockin on Havens Door“
Liste 2, Titel 3: „Lady in Red“