عند تشغيل شجرة DOM في JavaScript ، قد تواجه في كثير من الأحيان إضافة وحذف العقد ، مثل مربع الإدخال مع زر إضافة وزر حذف. انقر لإضافة لإضافة مربع إدخال ، وانقر للحذف لحذف مربع الإدخال المقابل. في بعض أطر عمل JS ، مثل النموذج الأولي ، يمكنك استخدام element.remove () لحذف العقدة. لا يوجد مثل هذه الطريقة في Core JS. هناك طريقة في IE: Removenode () ، حاول تشغيل الكود التالي
<div> <input onClick = "Removenode (this)" type = "text" value = "انقر لإزالة مربع الإدخال هذا" /> </viv>
يمكن العثور على أن هذه الطريقة تعمل بشكل جيد في IE ، ولكن في المتصفحات القياسية مثل Firefox ، لم يتم تعريف Removenode. ومع ذلك ، هناك طريقة لتشغيل عقد DOM في Core JS: REMOVECHILD (). يجب أن تعلم أنه هو إزالة عقدة الطفل من خلال النظر إلى الاسم. ثم يمكننا التكيف مع إزالة العقدة المحددة. يمكننا أولاً العثور على العقدة الأصل للعقدة لحذفها ، ثم استخدام removeChild في العقدة الأصل لإزالة العقدة التي نريد إزالتها. يمكننا تحديد طريقة تسمى removeElement.
دالة removeElement (_element) {var _parentElement = _Element.ParentNode ؛ if (_parentElement) {_parentElement.removechild (_element) ؛ }}حاول تشغيل الكود التالي ويمكن تنفيذها بشكل صحيح في متصفحات مختلفة.
<script type = "text/javaScript"> removeElement (_element) {var _parentElement = _element.parentNode ؛ if (_parentElement) {_parentElement.removechild (_element) ؛ }} </script> <viv> <input onClick = "removeElement (this)" type = "text" value = "انقر لإزالة مربع الإدخال هذا"/> </div>ما سبق هو المحتوى الكامل لهذه المقالة. لمزيد من المعلومات حول JavaScript ، يمكنك التحقق من: "دليل JavaScript Reference Tutorial" و "JavaScript Code Style". آمل أيضًا أن يدعم الجميع wulin.com أكثر.