يحذف JavaScript الأصلي مثيل رمز عنصر الطفل المحدد:
يقدم هذا الفصل كيفية استخدام JavaScript الأصلي لحذف عناصر الطفل المحددة.
يعلم الجميع أن استخدام jQuery لتنفيذ هذه الوظيفة أكثر ملاءمة ، لكن ليس من المقلق استخدام JavaScript الأصلي. اسمحوا لي أن أقدمه أدناه.
لكيفية تنفيذ jQuery هذه الوظيفة ، يرجى الرجوع إلى الفصل الخاص بحذف مثيلات رمز العناصر الطفل المحددة.
مثال رمز:
نسخة الكود كما يلي:
<! doctype html>
<html>
<meta charset = "utf-8">
<title> wulin.com </title>
<style>
ul li {
العرض: 400 بكسل ؛
الارتفاع: 30 بكسل ؛
ارتفاع الخط: 30 بكسل ؛
على غرار القائمة: لا شيء ؛
}
</style>
<script>
window.onload = function () {
var obt = document.getElementById ("bt") ؛
var obox = document.getElementById ("box") ؛
var lis = obox.getElementSbyTagname ("li") ؛
obt.onclick = function () {
obox.removechild (lis [1]) ؛
}
}
</script>
</head>
<body>
<ul id = "box">
<li> يرحب بك Wulin.com ، فقط من خلال العمل الجاد ، هل يمكنك الحصول على غد أفضل. </li>
<li> لم يكن أحد سيدًا منذ البداية واضطر إلى العمل بجد. </li>
<li> كل يوم هو وقت جديد ، يعتز به. </li>
</ul>
<type type = "button" id = "bt" value = "عرض تأثير"/>
</body>
</html>
الرمز أعلاه ينفذ متطلباتنا ، وسيقوم ما يلي بتقديم عملية التنفيذ الخاصة به.
تعليقات الرمز:
1.Window.onload = function () {} ، وقم بتنفيذ الكود في الوظيفة بعد تحميل محتوى المستند بالكامل.
2.var obt = document.getElementById ("BT") ، احصل على كائن عنصر الزر.
3.var obox = document.getElementById ("box") ، الحصول على كائن العنصر مع مربع قيمة سمة المعرف.
4.var lis = obox.getelementsbytagname ("li") ، احصل على مجموعة من عناصر li تحت عنصر الصندوق.
5.Obt.Onclick = function () {} ، قم بتسجيل وظيفة معالج الأحداث النقر للزر.
6.Obox.removechild (LIS [1]) ، حذف العنصر الطفل المحدد للعنصر الأصل.