saya pingin nambahin row tabel secara dinamik ketika pencet "Tambah Baris". Saya pakek kode javascript berikut:

[removed]

 function addRow(tableID) {

 var table = document.getElementById(tableID);

 var row = table.insertRow(1);

 

 var cell0 = row.insertCell(0);

 var element0 = document.createElement("input");

 element0.id = "luid";

 element0.class = "span-5";

 element0.type = "text";

 element0.value = "";

 element0.name = "luid";

 cell0.appendChild(element0);

 

 var cell1 = row.insertCell(1);

 var element1 = document.createElement("input");

 element1.id = "lpass";

 element1.class = "span-5";

 element1.type = "text";

 element1.value = "";

 element1.name = "lpass";

 cell1.appendChild(element1);

 

 var cell2 = row.insertCell(2);

 var element2 = document.createElement("input");

 element2.id = "lnama";

 element2.class = "span-5";

 element2.type = "text";

 element2.value = "";

 element2.name = "lnama";

 cell2.appendChild(element2);

 

 var cell3 = row.insertCell(3);

 var element3 = document.createElement("input");

 element3.id = "lgid";

 element3.class = "span-5";

 element3.type = "text";

 element3.value = "";

 element3.name = "lgid";

 cell3.appendChild(element3);

 }

[removed]

trus, di htmlnya saya tulis berikut:

<h1 style="text-align: right;">Pengaturan</h1>

 <hr />

 

 <div class="span-24 last">

 <form class="span-24 last" id="formUser2" method="" action="">

 <fieldset>

 <legend>Tambah User</legend>

 <div class="span-8 last">

 <input id="addRow" type="button" value="Tambah Baris" onclick="addRow('tableUser1')">

 <input id="addsave" type="button" value="Simpan">

 </div>

 <table id="tableUser1">

 <tr>

 <th class="span-5">UID</th>

 <th class="span-5">Password</th>

 <th class="span-5">Nama</th>

 <th class="span-5">GID</th>

 </tr>

 <tr>

 <td><input id="luid" class="text span-5" type="text" value="" name="luid"/></td>

 <td><input id="lpass" class="text span-5" type="text" value="" name="lpass"/></td>

 <td><input id="lnama" class="text span-5" type="text" value="" name="lnama"/></td>

 <td><input id="lgid" class="text span-5" type="text" value="" name="lgid"/></td>

 </tr>

 </table>

 </fieldset>

 </form>

 </div>

walhasil, nggak bisa nambah baris. saya sebenernya ngikut tutor di [URL="http://viralpatel.netS E N S O Rdynamically-add-remove-rows-in-html-table-using-javascript/"]sini[/URL].

BTW, saya pakek blueprint (css framework), apakah juga berpengaruh pada kegagalan kodingannya?

mohon bantuannya, gan.