Fußweg, Vanille

[Raketenwilli]

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“