DOM querySelector() Methode
siehe auch mit Javascript auf Elemente zugreifen werner-zenk Tutorials
siehe auch w3schools
siehe Beispiel
Mit dem querySelector kann man ein Element bestimmen wie mit einem CSS Selektor. Es ist jedoch immer nur das erste Element auf der Seite. Will man alle Elemente bestimmen kann man querySelectorAll() verwenden.
document.querySelector(".pillepalle");
Gibt das erste Element mit der Klasse pillepalle zurück
document.querySelector("div p");
Gibt das erste p Element welches in einem div liegt zurück. Nachfahren Selektor
DOM querySelectorAll() Methode
siehe auch w3schools
siehe Beispiel
Diese Methode funktioniert ähnlich wie die vorige, hier werden jedoch alle Elemente der Seite angesprochen werden, dessen Selektor man bestimmt.
document.querySelectorAll(".pillepalle");
Gibt alle Elemente der Klasse pillepalle zurück. Die Elemente liegen in einem Array und können über den Arrayzugriffsoperator angesprochen werden.
document.querySelectorAll(".pillepalle")[0].style.backgroundColor = "#f00";
Hier ein Beispiel, welches alle Absätze "p", die in einem "div" liegen mit roter Hintergrundfarbe versieht.
function myFunction(){
var p = document.querySelectorAll("div p");
for(i=0; i < p.length; i++){
p[i].style.backgroundColor = "#f00";
}
}
| nächste Seite |  |
|