وظيفة JS الصغيرة (جدول التشغيل - إضافة وحذف الجداول والبيانات ديناميكيًا) رمز التنفيذ

الاسم:

السبب:

اقرأ المزيد:

<رئيس التشغيل = "الخادم">

<العنوان></العنوان>

<نمط النوع = "نص/CSS">

آر 8. آر.

{

الارتفاع: 30 بكسل؛

}

</نمط>

<نوع البرنامج النصي = "نص/جافا سكريبت">

نافذة.onload = وظيفة () {

var oName = document.getElementById('txt1');

var oEasyName = document.getElementById('txt2');

var oHero = document.getElementById('txt3');

var oBtn = document.getElementById('btn');

var oTab = document.getElementById('tab1');

var num = oTab.tBodies[0].rows.length + 1;

oBtn.onclick = الوظيفة () {

var oTr = document.createElement('tr');

فار oTd = document.createElement('td')

oTd.innerHTML = num++;

oTr.appendChild(oTd);

var oTd = document.createElement('td');

oTd.innerHTML = oName.value;

oTr.appendChild(oTd);

var oTd = document.createElement('td');

oTd.innerHTML = oEasyName.value;

oTr.appendChild(oTd);

var oTd = document.createElement('td');

oTd.innerHTML = oHero.value;

oTr.appendChild(oTd);

var oTd = document.createElement('td');

oTd.innerHTML = '<a href="#">العنوان</a>';

oTr.appendChild(oTd);

oTd.getElementsByTagName('a')[0].onclick = function () {

oTab.tBodies[0].removeChild(this.parentNode.parentNode);

}

oTab.tBodies[0].appendChild(oTr);

}

};

</script>

</الرأس>

<الجسم>

<div style="margin-left: 300px; الهامش العلوي: 30px;">

اسم الملف: <نوع الإدخال = "نص" id = "txt1" />

اسم الملف: <نوع الإدخال = "نص" id = "txt2" />

الاسم: <نوع الإدخال = "نص" id = "txt3" />

<نوع الإدخال = "زر" معرف = "btn" القيمة = "添加信息" />

</div>

<معرف الجدول = "tab1" نمط = "محاذاة النص: المركز؛ العرض: 800 بكسل؛ الهامش الأيسر: 300 بكسل؛

الهامش العلوي: 10 بكسل;">

<الرأس>

<tr style="background-color: #FF0000">

<TD>

序号

</TD>

<TD>

种族名称

</TD>

<TD>

种族简称

</TD>

<TD>

الصور

</TD>

<TD>

جديد

</TD>

</tr>

</الرأس>

<الجسم>

<تر>

<TD>

1

</TD>

<TD>

هذا هو الحال

</TD>

<TD>

همم

</TD>

<TD>

وسائل الإعلام: صباحا

</TD>

<TD>

</TD>

</tr>

<تر>

<TD>

2

</TD>

<TD>

شكرا جزيلا

</TD>

<TD>

شركة مصفاة نفط عمان

</TD>

<TD>

الزمان: ب.م

</TD>

<TD>

</TD>

</tr>

<تر>

<TD>

3

</TD>

<TD>

不死亡灵

</TD>

<TD>

يو دي

</TD>

<TD>

اسم المنتج:DK

</TD>

<TD>

</TD>

</tr>

<تر>

<TD>

4

</TD>

<TD>

暗夜精灵

</TD>

<TD>

شمال شرق

</TD>

<TD>

تقرير الإعلان: د

</TD>

<TD>

</TD>

</tr>

</tbody>

</الجدول>

</الجسم>