HTML DOM সন্নিবেশ AdjacentText( ) পদ্ধতি

HTML DOM insertAdjacentText() পদ্ধতি একটি নির্দিষ্ট অবস্থানে পাঠ্য স্ট্রিং সন্নিবেশ করায়।

সিনট্যাক্স

নিচের সিনট্যাক্স −

পজিশনস্ট্রিং এবং টেক্সট

এর প্যারামিটার সহ 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>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

'সঠিক নাম' ক্লিক করার আগে বোতাম -

HTML DOM সন্নিবেশ AdjacentText( ) পদ্ধতি

'সঠিক নাম' ক্লিক করার পর বোতাম -

HTML DOM সন্নিবেশ AdjacentText( ) পদ্ধতি