JavaScript: Difference between revisions

Line 76:

var domElement = document.getElementsByTagName('p');

for(var i=0; i<domElement.length; i++){

domElement[i].style.color = red;

}

</source>

Mit [[HTML5]] wurden auch neue JavaScript Funktionen eingeführt. Eine der interessantesten ist ein schnellerer Zugriff auf das DOM über die [[jQuery]]-ähnliche Funktion "querySelector()" und "querySelectorAll()" im document-Objekt:

var domElement = document.querySelector("#changeMe");

domElement.style.color = red;

console.log("Alle divs: " + document.querySelectorAll("div") );

</source>

@@ Line 76: / Line 76: @@
 var domElement = document.getElementsByTagName('p');
 for(var i=0; i<domElement.length; i++){
-domElement[i].style.color = red;
+    domElement[i].style.color = red;
 }
+</source>
+Mit [[HTML5]] wurden auch neue JavaScript Funktionen eingeführt. Eine der interessantesten ist ein schnellerer Zugriff auf das DOM über die [[jQuery]]-ähnliche Funktion "querySelector()" und "querySelectorAll()" im document-Objekt:
+<source lang="JavaScript">
+var domElement = document.querySelector("#changeMe");
+domElement.style.color = red;
+console.log("Alle divs: " + document.querySelectorAll("div") );
 </source>