Pages

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