insertAdjacentText मेथड
insertAdjacentText मेथड
पेज पर किसी भी जगह एक स्ट्रिंग इन्सर्ट करने की अनुमति देता है। स्ट्रिंग
रेफरेंस एलिमेंट के रिलेटिव इन्सर्ट की जाती है।
रेफरेंस एलिमेंट के पहले इन्सर्ट किया जा सकता है
(इन्सर्ट करने का तरीका 'beforeBegin'), उसके
बाद (इन्सर्ट करने का तरीका 'afterEnd'), और
साथ ही शुरुआत में (इन्सर्ट करने का तरीका 'afterBegin')
या अंत में (इन्सर्ट करने का तरीका 'beforeEnd')
रेफरेंस एलिमेंट के।
सिंटैक्स
रेफरेंस एलिमेंट.insertAdjacentText(इन्सर्ट करने का तरीका, इन्सर्ट करने के लिए टेक्स्ट);
उदाहरण . तरीका beforeBegin
मान लें कि रेफरेंस एलिमेंट #target एलिमेंट है।
इसके पहले कुछ टेक्स्ट इन्सर्ट करते हैं:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');
कोड निष्पादित करने का परिणाम:
text
<div id="target">
<p>elem</p>
</div>
उदाहरण . तरीका afterEnd
और अब रेफरेंस एलिमेंट के बाद एक नया पैराग्राफ इन्सर्ट करते हैं:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');
कोड निष्पादित करने का परिणाम:
<div id="target">
<p>elem</p>
</div>
text
उदाहरण . afterBegin
रेफरेंस एलिमेंट की शुरुआत में एक नया पैराग्राफ इन्सर्ट करते हैं:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');
कोड निष्पादित करने का परिणाम:
<div id="target">
text
<p>elem</p>
</div>
उदाहरण . तरीका beforeEnd
रेफरेंस एलिमेंट के अंत में एक नया पैराग्राफ इन्सर्ट करते हैं:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');
कोड निष्पादित करने का परिणाम:
<div id="target">
<p>elem</p>
text
</div>
यह भी देखें
-
insertAdjacentElementमेथड,
जो किसी एलिमेंट को निर्दिष्ट स्थान पर इन्सर्ट करता है -
insertAdjacentHTMLमेथड,
जो कोड को निर्दिष्ट स्थान पर इन्सर्ट करता है -
prependमेथड,
जो एलिमेंट्स को शुरुआत में इन्सर्ट करता है -
appendमेथड,
जो एलिमेंट्स को अंत में इन्सर्ट करता है -
appendChildमेथड,
जो एलिमेंट्स को पैरेंट के अंत में इन्सर्ट करता है -
insertBeforeमेथड,
जो एलिमेंट्स को किसी एलिमेंट से पहले इन्सर्ट करता है
