Delete all rows from table in javascript

for(var i = document.getElementById(“tableId”).rows.length; i > 0;i–)
{
document.getElementById(“tableId”).deleteRow(i -1);
}

If you do this it generates an error :

for(var i = 0; i <document.getElementById(“tableId”).rows.length; i++)
{
document.getElementById(“tableId”).deleteRow(i -1);
}

The code above wont delete all the rows because “i” is not set back to 0 although the table rows’ index will be set again beginning from zero after any row is deleted from the table.