Hapus baris saat ini, tambahkan baris dengan javascript (kode contoh)

Hapus baris

Copy kode kodenya sebagai berikut:

<skrip>

fungsidel(obj)

{

obj.parentNode.parentNode.removeNode(benar);

}

</skrip>

<tubuh>

<tabel>

<tr>

<td>Sel 1</td>

<td><input type=button value="hapus baris ini" onclick="del(this)"></td>

</tr>

<tr>

<td>Sel 2</td>

<td><input type=button value="hapus baris ini" onclick="del(this)"></td>

</tr>

<tr>

<td>Sel 3</td>

<td><input type=button value="hapus baris ini" onclick="del(this)"></td>

</tr>

</tabel>

</tubuh>

Tambahkan baris

Copy kode kodenya sebagai berikut:

<skrip>

fungsi uf_test(){

//Dapatkan objek tabel

var tbTable = document.getElementById("tb_test");

//Sisipkan satu baris

var trT = tbTable.insertRow();

//Dapatkan nomor td dari baris sebelumnya

var nRows = tbTable.rows[0].cells.length;

//Menurut nomor td pada baris sebelumnya, masukkan td dalam satu lingkaran

untuk(var i = 0; i < nBaris; i++){

//Buat objek td

var tdT = dokumen.createElement("TD");

//Menetapkan nilai pada objek td

//tdT.innerHTML="sfsdf";

tdT.innerText="sfsdf";

//Tambahkan td ke tr

trT.appendChild(tdT);

}

}

</skrip>

<tabel id="tb_test">

<tr>

<td><masukan tipe="teks"></td>

</tr>

</tabel>

<input type="button" onclick="uf_test();" value="Tambahkan baris">