DOM : querySelectorAll() not live !

This method returns a static instance of NodeList. ?

Exemple :

https://jsbin.com/zemiwi/2/edit?html,css,js,output

DOM : collections is considered “live,” ????

var divs = document.getElementsByTagName(“div”),
           i,
           div;

for (i=0; i < divs.length; i++){
        div = document.createElement(”div”);
        document.body.appendChild(div);
}

Dans l'exemple suivant le code devrait ajouter autant de div que de div existant dans le code de départ (ici 2).

https://jsbin.com/pagife/1/edit?html,css,js,output

 correction 

https://jsbin.com/kajiran/2/edit?html,css,js,output

 autre exemple : 

 var divs = document.getElementsByTagName("div"), i, div; 

 for (i=0; i < divs.length; i++){ 
//fait disparaitre le div et remplace par un p
      divs[i].outerHTML = "This is a paragraph."; 
//
      divs[i].innerHTML = i; 
}

https://jsbin.com/kajiran/5/edit?html,css,js,output

Une solution

https://jsbin.com/kajiran/6/edit?html,css,js,output

D3 ! un monument

D3

Boite de dialogue : jquery, js objet

Pour mémoire http://codepen.io/anon/pen/zxLdgz http://www.oaa-accessibility.org/example/2/

apprendre sur le web : code academy

requestAnimationFrame

cliqued sur reload

Challenge: Catwalk

Made using: Khan Academy Computer Science.

arrays of objects

Arrays of Objects

Made using: Khan Academy Computer Science.