השתמש ב-JavaScript כדי להמיר רכיבי HTML לטקסט רגיל.
אחד הדברים היותר שימושיים שאתה יכול לעשות עם שפת הסקריפט של JavaScript הוא לבצע מניפולציות ולעבוד עם מודל אובייקט המסמך (או "DOM") של מסמך HTML. ה-DOM של מסמך HTML הוא מוסכמה לייצוג התוכן של אותו מסמך. הוא מספק דרך לדפדפני אינטרנט ולשפות סקריפטים כגון JavaScript ליצור אינטראקציה עם האלמנטים השונים המרכיבים את המסמך הזה. באמצעות JavaScript ו-DOM של דף אינטרנט, אתה יכול בקלות להמיר HTML לטקסט רגיל.
שלב 1
הוסף הצהרת SCRIPT לקטע HEAD של מסמך ה-HTML שלך. תג SCRIPT מגדיר סקריפט בצד הלקוח כגון JavaScript. תכונת ה-"type" שלך צריכה להיות מוגדרת ל-"text/javascript", כך שהצהרת SCRIPT כולה אמורה להיקרא כך: (כאשר קוד JavaScript עובר בין שני התגים).
סרטון היום
שלב 2
הגדר פונקציית JavaScript שלוקחת מחרוזת אחת כפרמטר. פרמטר מחרוזת זה מכיל את ה-HTML שתמיר לטקסט רגיל.
שלב 3
צור אלמנט DIV זמני בתוך פונקציית JavaScript שלך באמצעות שיטת "createElement()".
שלב 4
הקצה את פרמטר המחרוזת של הפונקציה שלך לתכונה "innerHTML" של DIV הזמנית.
שלב 5
צור משתנה מחרוזת זמני בפונקציה שלך.
שלב 6
תפוס את תוכן הטקסט הפשוט של ה-DIV הזמני שלך באמצעות התכונות "textContent" ו-"innerText" שלו והקצה אותו למשתנה המחרוזת הזמנית שלך. בגלל בעיות תאימות בין דפדפנים, גם "textContent" וגם "innerText" יוגדרו בחלק דפדפני אינטרנט ובלתי מוגדרים באחרים, אבל זה או אחר יוגדרו בכל הגרסאות של כל הגדולות דפדפנים.
שלב 7
החזר את הערך המוחזק על ידי המחרוזת הזמנית שלך באמצעות הצהרת "החזרה". זה יחזיר את ערך הטקסט הפשוט של ה-HTML שהומר שלך.
עֵצָה
במקום להשתמש בהצהרות IF-THEN כדי לבדוק תאימות בין דפדפנים ולהחליט אם להשתמש ב-"textContent" או "innerText" בפונקציה שלך, פשוט הקצה את ערך הטקסט הפשוט של רכיב ה-DIV הזמני שלך למשתנה המחרוזת הזמנית באופן הבא: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
