מדריך זה מסביר את המאפיין HTML DOM Element 'nodeValue' ב-JavaScript.
מהו מאפיין HTML DOM 'nodeValue' ב-JavaScript?
רכיב ה-DOM (Document Object Model) ' nodeValue ” הוא מאפיין שימושי שמגדיר ומחזיר את הערך של צומת. שיטה זו מחזירה 'null' אם הצומת שצוין מתייחס לצומת אלמנט. מאפיין זה מחזיר גם את הטקסט של צומת אם הוא מוקף בצומת הטקסט. ערך ההחזר שלו תלוי בסוג הצומת.
תחביר (הגדר 'nodeValue')
צוֹמֶת. nodeValue = ערך
התחביר לעיל דורש את ' ערך ' שהמשתמש רוצה להגדיר עבור הצומת הרצוי.
תחביר (החזר 'nodeValue')
צוֹמֶת. nodeValue
תחביר נתון זה מחזיר ' ריק ' ערך עבור צמתי האלמנט והמסמך, ' טֶקסט ' לצמתי הערות וטקסט, ו' תְכוּנָה ' לצמתי תכונות.
בואו ליישם את המאפיין שהוגדר לעיל בעזרת הדוגמה המוצהרת.
דוגמה: החלת המאפיין 'nodeValue' של רכיב DOM כדי לאחזר את הטקסט של אלמנט
דוגמה זו מיישמת את המאפיין 'nodeValue' כדי לקבל את הטקסט של הכפתור שנוצר.
קוד HTML
ראשית, עיין בקוד המופיע להלן:
< לַחְצָן > כפתור חדש. < / לַחְצָן >< ע תְעוּדַת זֶהוּת = 'ל' >< / ע >
בשורות הקוד לעיל:
- ה ' <כפתור> ' תג מוסיף כפתור.
- ה ' ' תג מטמיע פסקה ריקה עם מזהה 'para'.
קוד JavaScript
כעת, עקוב אחר קוד ה-JavaScript שצוין להלן:
< תַסרִיט >const אֵלֵמֶנט = מסמך. getElementsByTagName ( 'לַחְצָן' ) [ 0 ] ;
לתת לתוצאה = אֵלֵמֶנט. צמתים ילדים [ 0 ] . nodeValue ;
מסמך. getElementById ( 'ל' ) . innerHTML = ' ערך הצומת הוא: ' + תוֹצָאָה ;
תַסרִיט >
בשורות הקוד לעיל:
- ראשית, הכריז על משתנה 'elem' שמחיל את ' getElementsByTagName() ' שיטה כדי לגשת לאלמנט על ידי שם התג שלו הממוקם באינדקס '0'.
- לאחר מכן, המשתנה 'תוצאה' משתמש ב-' nodeValue ' נכס המקושר עם ' צמתים ילדים ' מאפיין כדי לקבל את הערך של צומת הילד הספציפי.
- לבסוף, ה' getElementById() ' השיטה ניגשת לפסקה הריקה באמצעות המזהה שלה 'para' כדי לצרף אותה עם הערך של משתנה 'תוצאה', כלומר, טקסט לחצן.
תְפוּקָה
ניתן לראות שהפלט מציג את הטקסט של האלמנט '
סיכום
ב-JavaScript, ה' nodeValue ' המאפיין של HTML DOM עוזר להגדיר ולקבל את מאפיין ערך הצומת. הערך המוחזר של מאפיין זה מסתמך על סוג הצומת. מאפיין זה אינו מציג שום ערך עבור האלמנט כמו גם עבור המסמך. מדריך זה הסביר בקצרה את מאפיין HTML DOM Element 'nodeValue' ב-JavaScript.