Categories

Archive for the ‘Javascript’ Category

Modify table using javascript

This demonstates updating a table or creating rows, trs etc using native javascript.

function addContact(){
var myTable = document.getElementById(“myTable”);
var newTR = document.createElement(“tr”);
var newName = document.createElement(“td”);
newName.innerHTML = document.forms[0].newname.value;
var newPhone = document.createElement(“td”);
newPhone.innerHTML = document.forms[0].newphone.value;

newTR.appendChild(newName);
newTR.appendChild(newPhone);
myTable.appendChild(newTR);
document.forms[0].reset()
}

Delete all rows from table

var Parent = document.getElementById(tableID);
while(Parent.hasChildNodes())
{
Parent.removeChild(Parent.firstChild);
}
Side Effect: deletes the parent node if empty

OR

var table = document.getElementById(“tableid”);
//or use : var table = document.all.tableid;

for(var i = table.rows.length – 1; i > 0; i–)
{
table.deleteRow(i);
}

Side Effect: is setup to not delete the header row.

Author

A little something about you, the author. Nothing lengthy, just an overview.

Archives