1 TABLE:Inserimento di nuove righe tabella = document.getElementById(“tab1”) riga = tabella.insertRow(indice) Viene inserita una riga nella posizione indice,

Presentazione sul tema: "1 TABLE:Inserimento di nuove righe tabella = document.getElementById(“tab1”) riga = tabella.insertRow(indice) Viene inserita una riga nella posizione indice,"— Transcript della presentazione:

1 1 TABLE:Inserimento di nuove righe tabella = document.getElementById(“tab1”) riga = tabella.insertRow(indice) Viene inserita una riga nella posizione indice, compresa tra 0 (prima riga) e tabella.rows.length (nuova riga al fondo) Nota: è possibile programmare gli eventi di una riga utilizzando funzioni anonime in questo modo: riga.onclick = function () { riga.style.backgroundColor = red; }

2 2 TABLE: Cancellazione Riga tabella = document.getElementById(“tab1”) tabella.deleteRow(indice) indice tra 0 e tabella.rows.length-1 Se r è un’oggetto di tipo riga [HTMLTableRow element] posso sapere l’indice leggendo la proprietà r.rowIndex

3 3 TABLE: Inserimento di nuove celle le nuove righe inserite sono vuote data una riga è possibile inserire una cella con il metodo cella = riga.insertCell(index) con index compreso tra 0 e riga.cells.length per modificare il contenuto della cella utilizzare cella.innerHTML = "testo"

4 4 TABLE: Gestione delle celle per cancellare una cella riga.deleteCell(index) index compreso tra 0 e riga.cells.length-1 Proprietà di una cella colspan, rowspan, align cella.cellIndex (numero di colonna: 0 è la prima) cella.parentNode (oggetto riga a cui appartiene la cella) cella.parentNode.rowIndex (numero di riga)

5 5 Javascript e le tabelle