Aggiunta righe tabella da array

by Salvatore Rotondo

HTML

<button id="add">Add Row</button>

<table id="table">
    <tbody>
        
    </tbody>
</table>

CSS

table{border-collapse:collapse;}
table td{border:solid 1px #000;}

JavaScript

var nomi = ["giuseppe","Cesare","Carlo Magno"];

document.getElementById('add').onclick = function() {
    var tr = document.createElement('tr');
    var td, text;
    for (var i in nomi) {
        td = document.createElement('td');
        text = document.createTextNode(nomi[i]);
        td.appendChild(text);
        tr.appendChild(td);
    }
    
    document.querySelector('table#table tbody').appendChild(tr);
};