HTML DOM सम्मिलित करेंAdjacentText( ) विधि

<घंटा/>

HTML DOM insertAdjacentText() विधि एक निर्दिष्ट स्थान पर टेक्स्ट स्ट्रिंग सम्मिलित करती है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

पोजिशनस्ट्रिंग और टेक्स्ट के मापदंडों के साथ इन्सर्टएडजेंटटेक्स्ट () को कॉल करना

node.insertAdjacentText(“positionString”, text)

स्थिति स्ट्रिंग्स

यहां, “positionString” निम्नलिखित हो सकते हैं -

positionString	विवरण
शुरू के बाद	यह नोड तत्व की शुरुआत के बाद पाठ सम्मिलित करता है
बाद में	यह नोड तत्व के बाद पाठ सम्मिलित करता है
शुरू करने से पहले	यह नोड तत्व से पहले पाठ सम्मिलित करता है
पहले	यह नोड तत्व के अंत से पहले पाठ सम्मिलित करता है

उदाहरण

आइए InsertAdjacentText() . के लिए एक उदाहरण देखें विधि -

<!DOCTYPE html>
<html>
<head>
<title>insertAdjacentText()</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>insertAdjacentText( )</legend>
<h1>First Muslim President of India</h1>
<h2 id="president">A.P.J Abdul Kalam</h2>
<input type="button" onclick="rectifyName()" value="Correct Name">
</fieldset>
</form>
<script>
   function rectifyName() {
      var presidentH2 = document.getElementById("president");
      presidentH2.insertAdjacentText("afterbegin", "DR. ");
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

‘सही नाम’ clicking क्लिक करने से पहले बटन -

HTML DOM सम्मिलित करेंAdjacentText( ) विधि

‘सही नाम’ clicking क्लिक करने के बाद बटन -

HTML DOM सम्मिलित करेंAdjacentText( ) विधि