create checkboxes in each row

dom-vs-jquery.html

@@ -81,6 +81,24 @@
         }
         setTimeout(changeCellsBackgroundDom, 1000);
 
+        // Puis ajoute une checkbox
+        function addCheckboxesToRowsDom() {
+            var table1 = document.getElementById('table1');
+            var rows = table1.getElementsByTagName('tr');
+            for(r = 0 ; r < rows.length ; r++) {
+                var row = rows[r];
+                var cells = row.getElementsByTagName('td');
+                var newCell = document.createElement('td');
+                newCell = row.insertBefore(newCell, cells[0]);
+                var checkbox = document.createElement('input');
+                checkbox.type = "checkbox";
+                newCell.appendChild(checkbox);
+            }
+        }
+
+        setTimeout(addCheckboxesToRowsDom, 2000);
+
+
 
         // jQuery: Crée table de 5 lignes x 3 colonnes
         var jquery = $('#jquery');
@@ -99,6 +117,14 @@
         }
         setTimeout(changeCellsBackgroundJQuery, 1000);
 
+        // Puis ajoute une checkbox
+        function addCheckboxesToRowsJQuery() {
+            $('#table2 tr').find('td:first')
+            .before('<td><input type="checkbox" /></td>');
+        }
+
+        setTimeout(addCheckboxesToRowsJQuery, 2000);
+
         </script>
     </body>
 </html>