Πώς να μετατρέψετε HTML σε απλό κείμενο σε Javascript

...

Χρησιμοποιήστε JavaScript για να μετατρέψετε στοιχεία HTML σε απλό κείμενο.

Ένα από τα πιο χρήσιμα πράγματα που μπορείτε να κάνετε με τη γλώσσα δέσμης ενεργειών JavaScript είναι να χειριστείτε και να εργαστείτε με το μοντέλο αντικειμένου εγγράφου (ή "DOM") ενός εγγράφου HTML. Το DOM ενός εγγράφου HTML είναι μια σύμβαση για την αναπαράσταση του περιεχομένου αυτού του εγγράφου. Παρέχει έναν τρόπο για τα προγράμματα περιήγησης Ιστού και τις γλώσσες δέσμης ενεργειών όπως η JavaScript να αλληλεπιδρούν με τα διάφορα στοιχεία που συνθέτουν αυτό το έγγραφο. Χρησιμοποιώντας JavaScript και το DOM μιας ιστοσελίδας, μπορείτε εύκολα να μετατρέψετε την HTML σε απλό κείμενο.

Βήμα 1

Προσθέστε μια δήλωση SCRIPT στην ενότητα HEAD του εγγράφου HTML. Η ετικέτα SCRIPT ορίζει ένα σενάριο από την πλευρά του πελάτη, όπως το JavaScript. Η ετικέτα SCRIPT σας πρέπει να έχει το χαρακτηριστικό "type" της σε "text/javascript", έτσι ώστε ολόκληρη η δήλωση SCRIPT να έχει ως εξής: (όπου ο κώδικας JavaScript πηγαίνει μεταξύ των δύο ετικετών).

Το βίντεο της ημέρας

Βήμα 2

Ορίστε μια συνάρτηση JavaScript που παίρνει μια συμβολοσειρά ως παράμετρο. Αυτή η παράμετρος συμβολοσειράς περιέχει το HTML που θα μετατρέψετε σε απλό κείμενο.

Βήμα 3

Δημιουργήστε ένα προσωρινό στοιχείο DIV μέσα στη συνάρτηση JavaScript χρησιμοποιώντας τη μέθοδο "createElement()".

Βήμα 4

Αντιστοιχίστε την παράμετρο συμβολοσειράς της συνάρτησής σας στο χαρακτηριστικό "innerHTML" του προσωρινού DIV σας.

Βήμα 5

Δημιουργήστε μια προσωρινή μεταβλητή συμβολοσειράς στη συνάρτησή σας.

Βήμα 6

Πάρτε το περιεχόμενο απλού κειμένου του προσωρινού DIV σας χρησιμοποιώντας τα χαρακτηριστικά "textContent" και "innerText" και αντιστοιχίστε το στην προσωρινή μεταβλητή συμβολοσειράς σας. Λόγω προβλημάτων συμβατότητας μεταξύ προγραμμάτων περιήγησης, τόσο το "textContent" και το "innerText" θα οριστούν σε ορισμένα προγράμματα περιήγησης ιστού και απροσδιόριστο σε άλλα, αλλά το ένα ή το άλλο θα ορίζεται σε όλες τις εκδόσεις όλων των μεγάλων προγράμματα περιήγησης.

Βήμα 7

Επιστρέψτε την τιμή που διατηρεί η προσωρινή συμβολοσειρά σας χρησιμοποιώντας μια δήλωση "return". Αυτό θα επιστρέψει την τιμή απλού κειμένου του HTML που έχετε μετατρέψει.

Υπόδειξη

Αντί να χρησιμοποιείτε δηλώσεις IF-THEN για να ελέγξετε τη συμβατότητα μεταξύ προγραμμάτων περιήγησης και να αποφασίσετε εάν θα χρησιμοποιήσετε "textContent" ή "innerText" στη λειτουργία σας, απλά αντιστοιχίστε την τιμή απλού κειμένου του προσωρινού σας στοιχείου DIV στην προσωρινή μεταβλητή συμβολοσειράς ως εξής: var tmpString = tmpDiv.textContent || tmpDiv.innerText.