বৈশিষ্ট্য outerHTML

বৈশিষ্ট্য outerHTML উপাদানের HTML কোড তার ট্যাগ সহ পাওয়া এবং পরিবর্তন করতে দেয়।

সিনট্যাক্স

javascriptউপাদান.outerHTML;

উদাহরণ

আসুন outerHTML বৈশিষ্ট্য ব্যবহার করে উপাদানের টেক্সট আউটপুট করি:

html<p id="elem">টেক্সট</p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.outerHTML);

কোড এক্সিকিউশনের ফলাফল:

javascript'<p id="elem">টেক্সট</p>'

উদাহরণ

আসুন একটি অনুচ্ছেদের পরিবর্তে একই টেক্সট সহ একটি div তৈরি করি:

html<p id="elem">টেক্সট</p>
javascriptlet elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';

কোড এক্সিকিউশনের ফলাফল:

html<div>টেক্সট</div>

আরও দেখুন

  • বৈশিষ্ট্য textContent,
    যাতে উপাদানের টেক্সট থাকে
  • বৈশিষ্ট্য innerHTML,
    যাতে উপাদানের HTML কোড থাকে