Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.


Share this Page URL
Help

12 Einige globale Attribute zum Schluss > 12.1 Neuigkeiten beim »class«-Attribu... - Pg. 308

Kapitel 12 HINWEIS Einige globale Attribute zum Schluss » » » http://html5.komplett.cc/code/chap_global/1234.html http://html5.komplett.cc/code/chap_global/1234.js http://html5.komplett.cc/code/chap_global/1234.css 12.1 Neuigkeiten beim »class«-Attribut Als Erstes widmen wir uns einer neuen DOM-Methode des HTMLElement -In- terfaces, die uns das bequeme Zugreifen auf Elemente nach dem Inhalt ihres jeweiligen class -Attributs ermöglicht: document.getElementsByClassName() . Die Verwendung ist denkbar einfach und sieht so aus: var questions = doucment.getElementsByClassName('q'); Damit erhalten wir eine nach Position im DOM-Baum geordnete Liste mit allen Elementen, deren class -Attribut den Wert q beinhaltet. Besteht diese Liste zu- fällig aus li -Elementen mit den Namen der Hauptstädte, ist der erste Schritt zur Implementierung unseres Spiels getan: Eine Live-Referenz auf die Spielob- jekte ist in der Variable questions gesetzt. Sie spiegelt jederzeit den aktuellen