يشرح هذا الدليل خاصية HTML DOM Element 'nodeValue' في JavaScript.
ما هي خاصية 'nodeValue' لعنصر HTML DOM في جافا سكريبت؟
عنصر DOM (نموذج كائن المستند) ' العقدة ”هي خاصية مفيدة تحدد وتسترجع قيمة العقدة. تقوم هذه الطريقة بإرجاع 'فارغة' إذا كانت العقدة المحددة تشير إلى عقدة عنصر. تقوم هذه الخاصية أيضًا بإرجاع نص العقدة إذا تم تضمينها في العقدة النصية. تعتمد قيمة الإرجاع على نوع العقدة.
بناء الجملة (تعيين 'nodeValue')
العقدة. العقدة = قيمة
يتطلب بناء الجملة أعلاه ' قيمة 'التي يريد المستخدم تعيينها للعقدة المطلوبة.
بناء الجملة (إرجاع 'nodeValue')
العقدة. العقدة
هذه الصيغة المعطاة ترجع ' باطل 'قيمة العنصر وعقد المستند ،' نص 'لعقد التعليقات والنصوص ، و' يصف 'لعُقد السمات.
دعنا ننفذ الخاصية المحددة أعلاه بمساعدة المثال المذكور.
مثال: تطبيق خاصية DOM Element 'nodeValue' لاسترداد نص عنصر
يطبق هذا المثال خاصية 'nodeValue' للحصول على نص الزر الذي تم إنشاؤه.
كود HTML
أولاً ، انظر إلى الكود المذكور أدناه:
< زر > زر جديد. < / زر >< ص بطاقة تعريف = 'ل' > < / ص >
في سطور الكود أعلاه:
- ال ' <زر> ”تضيف زرًا.
- ال ' 'العلامة يدمج فقرة فارغة مع معرف' الفقرة '.
كود جافا سكريبت
الآن ، اتبع كود JavaScript المذكور أدناه:
< النصي >مقدار ثابت عنصر = وثيقة. getElementsByTagName ( 'زر' ) [ 0 ] ؛
اسمحوا النتيجة = عنصر. ChildNodes [ 0 ] . العقدة ؛
وثيقة. getElementById ( 'ل' ) . داخلي HTML = ' قيمة العقدة هي: ' + نتيجة ؛
النصي >
في سطور التعليمات البرمجية أعلاه:
- أولاً ، أعلن عن المتغير 'elem' الذي يطبق ' getElementsByTagName () 'للوصول إلى العنصر من خلال اسم العلامة الموضوعة في الفهرس' 0 '.
- بعد ذلك ، يستخدم متغير 'النتيجة' ' العقدة 'المرتبطة بـ' ChildNodes 'للحصول على قيمة العقدة الفرعية المحددة.
- أخيرًا ، ' getElementById () يصل أسلوب 'إلى الفقرة الفارغة باستخدام معرف' الفقرة 'لإلحاقها بقيمة متغير' النتيجة '، أي نص الزر.
انتاج |
من الواضح أن الإخراج يظهر نص عنصر '
خاتمة
في JavaScript ، فإن ' العقدة ”تساعد خاصية HTML DOM على تعيين خاصية قيمة العقدة والحصول عليها. تعتمد القيمة المرجعة لهذه الخاصية على نوع العقدة. لا تعرض هذه الخاصية أي قيمة للعنصر بالإضافة إلى المستند. شرح هذا الدليل بإيجاز خاصية HTML DOM Element 'nodeValue' في JavaScript.