HTML तत्वों को सादे पाठ में बदलने के लिए जावास्क्रिप्ट का प्रयोग करें।
जावास्क्रिप्ट स्क्रिप्टिंग भाषा के साथ आप जो अधिक उपयोगी चीजें कर सकते हैं उनमें से एक HTML दस्तावेज़ के दस्तावेज़ ऑब्जेक्ट मॉडल (या "डीओएम") के साथ हेरफेर करना और काम करना है। HTML दस्तावेज़ का DOM उस दस्तावेज़ की सामग्री का प्रतिनिधित्व करने के लिए एक सम्मेलन है। यह वेब ब्राउज़र और स्क्रिप्टिंग भाषाओं जैसे जावास्क्रिप्ट को उस दस्तावेज़ को बनाने वाले विभिन्न तत्वों के साथ बातचीत करने का एक तरीका प्रदान करता है। जावास्क्रिप्ट और वेब पेज के DOM का उपयोग करके, आप आसानी से HTML को प्लेन टेक्स्ट में बदल सकते हैं।
चरण 1
अपने HTML दस्तावेज़ के HEAD अनुभाग में एक SCRIPT घोषणा जोड़ें। एससीआरआईपीटी टैग क्लाइंट-साइड स्क्रिप्ट जैसे जावास्क्रिप्ट को परिभाषित करता है। आपके एससीआरआईपीटी टैग की "टाइप" विशेषता को "टेक्स्ट/जावास्क्रिप्ट" पर सेट करने की आवश्यकता है ताकि संपूर्ण एससीआरआईपीटी घोषणा निम्नानुसार पढ़नी चाहिए: (जहां जावास्क्रिप्ट कोड दो टैग के बीच जाता है)।
दिन का वीडियो
चरण 2
एक जावास्क्रिप्ट फ़ंक्शन को परिभाषित करें जो एक स्ट्रिंग को एक पैरामीटर के रूप में लेता है। इस स्ट्रिंग पैरामीटर में HTML है जिसे आप सादे पाठ में कनवर्ट करेंगे।
चरण 3
"createElement ()" विधि का उपयोग करके अपने जावास्क्रिप्ट फ़ंक्शन के अंदर एक अस्थायी DIV तत्व बनाएं।
चरण 4
अपने अस्थायी DIV के "आंतरिक HTML" विशेषता के लिए अपने फ़ंक्शन के स्ट्रिंग पैरामीटर को असाइन करें।
चरण 5
अपने फ़ंक्शन में एक अस्थायी स्ट्रिंग वैरिएबल बनाएं।
चरण 6
अपने "textContent" और "innerText" विशेषताओं का उपयोग करके अपने अस्थायी DIV की सादा पाठ सामग्री प्राप्त करें और इसे अपने अस्थायी स्ट्रिंग चर में असाइन करें। क्रॉस-ब्राउज़र संगतता समस्याओं के कारण, "पाठ सामग्री" और "आंतरिक पाठ" दोनों को कुछ में परिभाषित किया जाएगा वेब ब्राउज़र और अन्य में अपरिभाषित, लेकिन एक या दूसरे को सभी प्रमुख के सभी संस्करणों में परिभाषित किया जाएगा ब्राउज़र।
चरण 7
"रिटर्न" स्टेटमेंट का उपयोग करके अपने अस्थायी स्ट्रिंग द्वारा रखे गए मान को वापस करें। यह आपके परिवर्तित HTML का सादा पाठ मान लौटाएगा।
टिप
क्रॉस-ब्राउज़र संगतता की जांच करने के लिए IF-THEN कथनों का उपयोग करने के बजाय और यह तय करने के लिए कि आपके फ़ंक्शन में "textContent" या "innerText" का उपयोग करना है या नहीं, बस अपने अस्थायी डीआईवी तत्व के सादा पाठ मान को अपने अस्थायी स्ट्रिंग चर में निम्नानुसार असाइन करें: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
