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পদ্ধতি,
যা এলিমেন্টের আগে এলিমেন্ট সন্নিবেশ করে
