ลบแถวปัจจุบัน เพิ่มแถวด้วย javascript (โค้ดตัวอย่าง)

ลบแถว

คัดลอกรหัสรหัสดังต่อไปนี้:

<สคริปต์>

ฟังก์ชั่นเดล(obj)

-

obj.parentNode.parentNode.removeNode (จริง);

-

</สคริปต์>

<ร่างกาย>

<ตาราง>

<tr>

<td>เซลล์ 1</td>

<td><input type=button value="ลบแถวนี้" onclick="del(this)"></td>

</tr>

<tr>

<td>เซลล์ 2</td>

<td><input type=button value="ลบแถวนี้" onclick="del(this)"></td>

</tr>

<tr>

<td>เซลล์ 3</td>

<td><input type=button value="ลบแถวนี้" onclick="del(this)"></td>

</tr>

</ตาราง>

</ร่างกาย>

เพิ่มแถว

คัดลอกรหัสรหัสดังต่อไปนี้:

<สคริปต์>

ฟังก์ชั่น uf_test(){

//รับวัตถุตาราง

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

//แทรกแถว

var trT = tbTable.insertRow();

//รับค่า td ของแถวก่อนหน้า

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

//ตามหมายเลข td ของแถวก่อนหน้า ให้แทรก td ในลูป

สำหรับ (var i = 0; i < nRows; i++){

//สร้างวัตถุ td

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

//กำหนดค่าให้กับวัตถุ td

//tdT.innerHTML="sfsdf";

tdT.innerText="sfsdf";

//เพิ่ม td ไปที่ tr

trT.ผนวกเด็ก(tdT);

-

-

</สคริปต์>

<table id="tb_test">

<tr>

<td><ประเภทอินพุต="ข้อความ"></td>

</tr>

</ตาราง>

<input type="button" onclick="uf_test();" value="เพิ่มแถว">