Inserting a Check box into a JS generated Table

[motion-ex]

Hello

i am looking for the syntax to add a check box into a table that is generated by Javascript code?

should i use innerhtml or document.create element and the appendChild?

// crц╘ation des ц╘lц╘ments <table> et <tbody>
        var smartlinksTable = document.createElement("table");
        var smartlinksTbody = document.createElement("tbody");
       //appliquer la classe CSS SmartLink au tableau d'affichage
        smartlinksTable.id = 'TableauAffichageSL';
        //smartlinksTable.style.width= '100%';
        //smartlinksTable.style.cellPadding = '5';
 
 
        // crц╘ation des cellules
        //for(var j = 0; j < 2; j++) {
            // crц╘ation d'un ц╘lц╘ment <tr>
            var smartlinksLine = document.createElement("tr");
 
            // crц╘ation du premier ц╘lц╘ment <td> de la ligne SmartLinks
             var smartlinksCell1 = document.createElement("td");
            smartlinksCell1.id = 'AffichageSLCell1';
            // Remplissage de la cellule relative au lien source du SmartLink 
                smartlinksCell1.innerHTML += '<span id="TitreSource">' + SmartLink.title_source + '</span>';
                smartlinksCell1.innerHTML += '<br />';
                smartlinksCell1.innerHTML += (BrokenUrl);
 
            	// ajoute la premiere cellule <td> ц═ la ligne <tr>
                smartlinksLine.appendChild(smartlinksCell1);