מאפיין JavaScript textContent פועל כדי להגדיר ולקבל את תוכן הטקסט של הדף. הוא משמש להעברת והצגת תוכן הטקסט של מידע מסוים, תגים וגודל גדול של נתונים והצמתים שלו. ה-TextContent משתנה מה-nodeValue של תג הסקריפט ומחזיר תוכן מצמתי צאצא מסוגי הנתונים המרובים.

אם הצומת הוא צומת טקסט, הוראת עיבוד או הערת תג, אז javascript textContent מקבל או מגדיר את הטקסט. ה-TextContent מציג את השרשור של ה-textContent של כל צומת צאצא. זה מציג את הוראות העיבוד וההערות לסוגי הצמתים האחרים.

תחביר

ישנם שני תחבירים זמינים עבור תוכן הטקסט של JavaScript. התחביר הראשון משמש כדי להגדיר את הטקסט של צומת, והתחביר השני משמש כדי לאחזר את הטקסט של הצומת.

תחביר 1:

התחביר הבא משמש להגדרת הטקסט של הצומת באמצעות תוכן טקסטואלי.

הרלד באלדר

 Node_element.textContent = information; 

תחביר 2:

התחביר הבא משתמש בתוכן טקסטואלי כדי לקבל את הטקסט של הצומת.

 Node_element.textContent; 

ערך החזרה:

• מחרוזת מכילה את הטקסט של צומת הפלט וצומת הילדים שלו. הפלט מציג ערך null אם אלמנט הוא מסמך או סוג מסמך.
• הצמתים הצאצא מוחלפים על ידי צומת טקסט בודד באמצעות ערכת התכונה textContent. לתכונה יש מחרוזת ספציפית כתוכן.

דוגמאות

הדוגמאות הבאות מציגות את הסט ומקבלות את סוגי המידע השונים באמצעות התכונה textContent.

דוגמה 1

הדוגמה הבאה משתמשת בתוכן טקסט ב-javascript כדי להגדיר את המידע. נתוני הצומת מציגים את הטקסט של התגים.

 textContent in JavaScript using node <h3> textContent in JavaScript using node </h3> <h4> Set node information for child javascript nodes</h4> Click Here! function display() { var ele = document.getElementById(&apos;textContent_information&apos;); ele.textContent = &apos; <i> JavaScript </i> <h2> Set or get the content of node </h2>&apos;; } 

תְפוּקָה

התמונה הבאה מציגה את הגדרת הנתונים באמצעות צומת התוכן.

javascript לתפריט נפתח

דוגמה 2

הדוגמה הבאה משתמשת בתוכן טקסט ב-javascript כדי לקבל את המידע. נוכל לקבל את הערך של כפתור פונקציית הלחיצה.

 textContent in JavaScript using node <h3> textContent in JavaScript using node </h3> <h4> Get node information for child javascript nodes </h4> Get node information for child javascript nodes <br> Click the Button! var text_in = document.getElementById(&apos;myData1&apos;).textContent; function fdisplay() { document.getElementById(&apos;textContent_information&apos;).textContent = text_in; } 

תְפוּקָה

התמונה הבאה מציגה את הגדרת הנתונים באמצעות צומת התוכן.

דוגמה 3

הדוגמה הבאה משתמשת בתוכן טקסט ב-javascript כדי לקבל את המידע. נוכל לקבל את הערך של כפתור פונקציית הלחיצה.

 textContent in JavaScript using node <h3> textContent in JavaScript using node </h3> <h4> Set node information for child javascript nodes </h4> Click the Button! function fdisplay() { var text_in = document.getElementById(&apos;value&apos;).textContent; document.getElementById(&apos;textContent_information&apos;).textContent = text_in; } 

תְפוּקָה

התמונה הבאה מציגה את הגדרת הנתונים באמצעות צומת התוכן.

דוגמה4

הדוגמה הבאה משתמשת בתוכן טקסט בערך הכפתור כדי לקבל ולהגדיר את המידע. נוכל לקבל את הערך לאחר לחיצה על הכפתור.

 textContent in JavaScript using node <h3> textContent in JavaScript using node </h3> <p id="info"> Get node information for child javascript nodes </p> Click the Button! <br> See the value! function fdisplay() { document.getElementById(&apos;value&apos;).textContent = &apos;the information of the node has been changed using click function!&apos;; var text_in = document.getElementById(&apos;info&apos;).textContent; document.getElementById(&apos;values&apos;).textContent = text_in; } 

תְפוּקָה

התמונה הבאה מציגה את הגדרת הנתונים באמצעות צומת התוכן.

דוגמה5

הדוגמה הבאה משתמשת כדי לקבל ולהגדיר את המידע באמצעות innerHtml, innerText ותוכן טקסט על ערך הלחצן. אנו יכולים לקבל את ההבדל בנתוני הפלט לאחר לחיצה על הכפתור.

 textContent in JavaScript using node <h3> The textContent in JavaScript using node </h3> <p> Get node information for child javascript nodes </p> Click the innerHtml Button! Click the innerText Button! Click the textcontent Button! function fdisplay() { document.getElementById(&apos;finfo&apos;).innerHTML = &apos; <b> textContent in JavaScript using node </b> the information of the node has been changed using click function!&apos;; } function sdisplay() { document.getElementById(&apos;sinfo&apos;).innerText = &apos; <b> textContent in JavaScript using node </b> <br> the information of the node has been changed using click function!&apos;; } function tdisplay() { document.getElementById(&apos;tinfo&apos;).textContent = &apos; <b> textContent in JavaScript using node </b> <br> textContent in JavaScript using node <br> the information of the node has been changed using click function!&apos;; } 

תְפוּקָה

התמונה הבאה מציגה את הגדרת הנתונים באמצעות צומת התוכן.

דוגמה 6

הדוגמה הבאה משמשת כדי לקבל את נתוני הרשימה ולהגדיר את המידע באמצעות תוכן טקסט על ערך הלחצן onclick. אנחנו יכולים לקבל את הנתונים של הרשימה ומידע אחר על התגים.

 textContent in JavaScript using node <h3> The textContent in JavaScript using node </h3> <p> Get node information for child javascript nodes </p> <ul id="students"> <li id="std1">David</li> <li id="std2">Sai</li> <li id="std3">Ruta</li> <li id="std4">Saniya</li> <li id="std5">Kevin</li> </ul> Click the textcontent Button! function tdisplay() { var students = document.getElementById(&apos;students&apos;).textContent; document.getElementById(&apos;tinfo&apos;).textContent = students; } 

תְפוּקָה

התמונה הבאה מציגה את הגדרת הנתונים באמצעות צומת התוכן.

דוגמה 7

שיטת compareto java

תוכן הטקסט אינו תומך בנתונים ריקים אם המידע או המחרוזת ריקים. זה מציג את המחרוזת הריקה כערך.

 textContent in JavaScript using node <h3> The textContent in JavaScript using node </h3> <p> Get node information for child javascript nodes </p> <ul id="students"> </ul> Click the textcontent Button! function tdisplay() { var students = document.getElementById(&apos;students&apos;).textContent; console.log(students); if(students != &apos;&apos;){ document.getElementById(&apos;tinfo&apos;).textContent = &apos;child node does not available of the student parent node.&apos;; }else{ document.getElementById(&apos;tinfo&apos;).textContent = &apos;child node is available of the student parent node.&apos;; } } 

תְפוּקָה

התמונה הבאה מציגה את קבלת הנתונים באמצעות צומת תוכן טקסט.

נקודת מפתח של תוכן הטקסט ב-javascript

• כאשר מידע javascript מסיר HTML באופן אוטומטי, השימוש ב-textContent מאובטח.
• תוכן הטקסט והמידע כוללים את הרווחים ואת תגי האלמנטים הפנימיים. התכונה innerHTML תחזיר אותו.
• התכונה innerText מחזירה רק טקסט ללא רווחים או תגיות אלמנטים פנימיים. המאפיין textContent מחזיר טקסט הכולל רווחים אך אינו כולל תגיות אלמנט פנימי.
• הערכים של כל צמתי הטקסט בתת-עץ משולבים ומוגדרים עבור תוכן טקסט ומקבלים מתוכן הטקסט. אם לצומת אין ילדים, המחרוזת ריקה.
• ה-innerText מחזיר טקסט הנקרא באופן אנושי ומכניס לכל CSS. קשה לקרוא את תוכן הטקסט כאשר משתמשים בתגי html בנתונים.
• כאשר מאפיין מוגדר על צומת, כל הילדים שלו מוסרים, וצומת טקסט בודד תופס את מקומו עם הערך שצוין.

סיכום

תוכן הטקסט מציג סוגים רבים של מידע. תג ה-html דרש מידע ורשימת נתונים המוצגים בשיטה אחת.