Auf dieser Seite erfahren Sie, wie Sie HTML-Elemente in einer HTML-Seite finden und darauf zugreifen per Java Script!
Inhalt:
1.) ... Der einfachste Weg um einen Bestimmten Elementtyp zu Finden!
2.) ... Einen Bestimmtes Elemen per Java Script ausfindig machen per HTML-Dokument-ID!
3.) ... Suchen von HTML-Elementen anhand von HTML-Objektsammlungen!
1.) Der einfachste Weg um einen Bestimmten Elementtyp zu Finden!
Hier ein Beispiel mit getElementsByTagName! Zum ermitteln der Links auf der Seite und die ersten Zehn anzeigen!var a_tag=document.getElementsByTagName("a");
alert(a_tag.length)
var i=0;
var text="";
for (i = 0; i < a_tag.length; i++)
{
if(i<10)text += a_tag[i].href + "\\n";
}
alert(text);
2.) Einen Bestimmtes Elemen per Java Script ausfindig machen per HTML-Dokument-ID!
<div id=TEST>Ein Element mit der ID TEST</div>alert(TEST.innerText);
oder:
var element = document.getElementById("TEST");
alert(element.innerText);
3.) Suchen von HTML-Elementen anhand von HTML-Objektsammlungen!
Alle Element ermitteln
var all = document.getElementsByTagName("*");
for (var i=0, max=all.length; i < max; i++)
{
{
// Mach hier etwas mit dem Element
}
// Ausgabe der Element Anzahl
// Ausgabe der Element Anzahl
alert(all.length);