تصف هذه المقالة كيف تنفذ JS إضافة عناصر العقدة واستبدالها وحذفها. شاركه للرجوع إليه ، على النحو التالي:
لطالما كنت أشعر بالارتباك حول عمليات العقدة ، خاصة بعد إدخالها في عقدة معينة. لا توجد طريقة من هذا القبيل. لدي مشكلة في الطريقة التي كتبتها من قبل. هل يجب أن أدخل العقدة الجديدة في العقدة القديمة؟ أو يجب أن أستخدم طريقة insertbefore لتنفيذها.
ها هي الطريقة:
<! doctype html public "-// w3c // dtd html 4.01 Transitional // en" "http://www.w3 أدخل </title> </head> <body onload = "insertMessageafter ()"> <p id = "p1"> hello world </p> </pody> </html> <cript> function removemessage () {var op = document.getElementByidx_x ("p1") ؛ //document.body.removechild(OP) ؛ //op.parentnode إرجاع عقدة الفئة الأصل OP.ParentNode.removechild (OP) ؛ } الدالة replacemessage () {var newop = document.createelement_x ("p") ؛ newop.appendchild (document.createTextNode ("Hello Java")) ؛ //alert(newop.innerhtml) ؛ var oldop = document.getElementByidx_x ("p1") ؛ //document.body.removechild(OP) ؛ //op.parentnode إرجاع عقدة الفئة الأصل oldop.parentnode.replacechild (Newop ، Oldop) ؛ //document.body.replacechild(newop ، oldop)} وظيفة insertMessageBefore () {var newop = document.createelement_x ("p") ؛ newop.appendchild (document.createTextNode ("Hello Java")) ؛ var oldop = document.getElementByidx_x ("p1") ؛ oldop.parentnode.insertbefore (Newop ، Oldop) ؛ } دالة insertMessageAfter () {var newop = document.createElement_x ("p") ؛ newop.appendchild (document.createTextNode ("Hello Java")) ؛ var oldop = document.getElementByidx_x ("p1") ؛ insertafter (Newop ، Oldop) ؛ } دالة insertbefore (newNode ، oldnode) {oldnode.parentNode.InsertBefore (newNode ، oldnode) ؛ } دالة insertAfter (newNode ، oldnode) {// ugn arged ما إذا كانت هناك علامات من نفس الفئة بعد oldnode var nextNode = oldnode.nextsibling ؛ إذا كان (nextNode) {// إذا لم يكن الأمر كذلك ، فهو خاطئ ، فهو خطأ ، إذا كان هناك ، فهو صحيح oldnode.parentNode.insertbefore (newNode ، nextNode) ؛ } آخر {oldnode.parentnode.appendChild (newNode) ؛ }} </script>لمزيد من المعلومات حول المحتوى المتعلق بـ JavaScript ، يرجى مراجعة موضوعات هذا الموقع: "ملخص لمهارات تشغيل JavaScript Operation" ، "ملخص لتقنيات تشغيل JavaScript" ، "ملخص لتقنيات تشغيل JavaScript Transfer" ، ملخص ، "Scripting Mongary" ، "ملخص تبديل ،" "ملخص لمهارات خوارزمية بحث JavaScript" ، "ملخص لتأثيرات وتقنيات الرسوم المتحركة JavaScript" ، "ملخص أخطاء JavaScript وتقنيات تصحيح الأخطاء" ، "ملخص هياكل بيانات JavaScript وتقنيات Mathmaticle".
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.