insertAdjacentText मेथड

insertAdjacentText मेथड पेज पर किसी भी जगह एक स्ट्रिंग इन्सर्ट करने की अनुमति देता है। स्ट्रिंग रेफरेंस एलिमेंट के रिलेटिव इन्सर्ट की जाती है। रेफरेंस एलिमेंट के पहले इन्सर्ट किया जा सकता है (इन्सर्ट करने का तरीका 'beforeBegin'), उसके बाद (इन्सर्ट करने का तरीका 'afterEnd'), और साथ ही शुरुआत में (इन्सर्ट करने का तरीका 'afterBegin') या अंत में (इन्सर्ट करने का तरीका 'beforeEnd') रेफरेंस एलिमेंट के।

सिंटैक्स

javascriptरेफरेंस एलिमेंट.insertAdjacentText(इन्सर्ट करने का तरीका, इन्सर्ट करने के लिए टेक्स्ट);

उदाहरण . तरीका beforeBegin

मान लें कि रेफरेंस एलिमेंट #target एलिमेंट है। इसके पहले कुछ टेक्स्ट इन्सर्ट करते हैं:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');

कोड निष्पादित करने का परिणाम:

htmltext
<div id="target">
  <p>elem</p>
</div>

उदाहरण . तरीका afterEnd

और अब रेफरेंस एलिमेंट के बाद एक नया पैराग्राफ इन्सर्ट करते हैं:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');

कोड निष्पादित करने का परिणाम:

html<div id="target">
  <p>elem</p>
</div>
text

उदाहरण . afterBegin

रेफरेंस एलिमेंट की शुरुआत में एक नया पैराग्राफ इन्सर्ट करते हैं:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');

कोड निष्पादित करने का परिणाम:

html<div id="target">
  text
  <p>elem</p>
</div>

उदाहरण . तरीका beforeEnd

रेफरेंस एलिमेंट के अंत में एक नया पैराग्राफ इन्सर्ट करते हैं:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');

कोड निष्पादित करने का परिणाम:

html<div id="target">
  <p>elem</p>
  text
</div>

यह भी देखें