Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

जावास्क्रिप्ट डॉक्यूमेंट में निर्दिष्ट HTML टेक्स्ट को निर्दिष्ट पोजीशन में कैसे इन्सर्ट करें?

जावास्क्रिप्ट ने टेक्स्ट को HTML के रूप में, निर्दिष्ट पोजीशन में इन्सर्ट करने के लिए insertAdjacentHTML() मेथड प्रदान किया है। वे कानूनी पोजीशन हैं:

  • afterbegin

  • afterend

  • beforebegin

  • beforeend

प्रत्येक कानूनी पोजीशन का अपना अनूठा महत्व है। आइए उनमें से कुछ पर चर्चा करते हैं।

उदाहरण

निम्नलिखित उदाहरण में, "insertAdjacentHTML()" मेथड और कानूनी पोजीशन "afterend" का उपयोग करके, एक नया टेक्स्ट हेडर के निकट रखा गया है और परिणाम आउटपुट में दिखाया गया है।

<html> <body> <h2 id="H2">Header</h2> <script> var ins = document.getElementById("H2"); ins.insertAdjacentHTML("afterend","<p>Tutorix is the best e-learning platform</p>"); </script> </body> </html>

आउटपुट

Header

Tutorix is the best e-learning platform

उदाहरण

निम्नलिखित उदाहरण में, "insertAdjacentHTML()" मेथड और कानूनी पोजीशन "beforeend" का उपयोग करके, एक नया टेक्स्ट हेडर के निकट रखा गया है और परिणाम आउटपुट में दिखाया गया है।

<html> <body> <h2 id="H2">Header</h2> <script> var ins = document.getElementById("H2"); ins.insertAdjacentHTML("beforeend","<p>Tutorix is the best e-learning platform</p>"); </script> </body> </html>

आउटपुट

Header

Tutorix is the best e-learning platform

  1. JavaScript में काम करते समय नया CSS नियम कैसे डालें? JavaScript में काम करते समय नया CSS नियम कैसे डालें?

    इसके लिए, आप insertRule() का उपयोग sheet के साथ कर सकते हैं। कोड इस प्रकार है: उदाहरण निम्नलिखित कोड है: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Document</

  1. Microsoft Forms में हेडर में इमेज कैसे इन्सर्ट करें Microsoft Forms में हेडर में इमेज कैसे इन्सर्ट करें

    क्या आप कोई सर्वे या प्रश्नावली बना रहे हैं और अपने फ़ॉर्म के हेडिंग में लोगो के लिए एक तस्वीर चाहते हैं ताकि यह आकर्षक लगे? Microsoft Forms में इन्सर्ट इमेज नामक एक सुविधा है जो उपयोगकर्ताओं को अपने फ़ॉर्म में तस्वीरें डालने में सक्षम बनाती है। जब भी उपयोगकर्ता फ़ॉर्म हेडर में कोई इमेज डालता है, तो

  1. Pages ऐप के साथ दस्तावेज़ में इमेज कैसे डालें Pages ऐप के साथ दस्तावेज़ में इमेज कैसे डालें

    यह ट्यूटोरियल आपको चरण दर चरण दिखाता है कि iPad या iPhone पर Pages ऐप का उपयोग करके दस्तावेज़ में इमेज कैसे डालें। 2010 में जब यह गाइड शुरू में प्रकाशित हुई थी, तब यह प्रक्रिया थोड़ी अधिक जटिल थी। 2021 तक आते-आते Pages ऐप में जिस दस्तावेज़ पर आप काम कर रहे हैं उसमें इमेज जोड़ना सुपर आसान है। यहां बत