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>

আরও দেখুন