حذف الصف الحالي، وإضافة صف باستخدام جافا سكريبت (نموذج التعليمات البرمجية)

حذف الصف

انسخ رمز الكود كما يلي:

<النص البرمجي>

دالة (كائن)

{

obj.parentNode.parentNode.removeNode(true);

}

</script>

<الجسم>

<الجدول>

<تر>

<td>الخلية 1</td>

<td><نوع الإدخال = قيمة الزر = "حذف هذا الصف" onclick = "del(this)"></td>

</tr>

<تر>

<td>الخلية 2</td>

<td><نوع الإدخال = قيمة الزر = "حذف هذا الصف" onclick = "del(this)"></td>

</tr>

<تر>

<td>الخلية 3</td>

<td><نوع الإدخال = قيمة الزر = "حذف هذا الصف" 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 في حلقة

for(var i = 0; i < nRows; i++){

// إنشاء كائن td

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

// تعيين قيمة لكائن td

//tdT.innerHTML="sfsdf";

tdT.innerText="sfsdf";

// أضف td إلى tr

trT.appendChild(tdT);

}

}

</script>

<معرف الجدول = "tb_test">

<تر>

<td><نوع الإدخال = "نص"></td>

</tr>

</الجدول>

<نوع الإدخال = "زر" onclick = "uf_test ()؛" قيمة = "أضف صفًا">