HTML
উপাদানের সাথে যুক্ত HTML DOM বডি প্রপার্টি এলিমেন্টের প্রপার্টি মান সেট করতে বা ফেরাতে ব্যবহৃত হয়। এটি উপাদান প্রদান করে। এটি উপাদানের ভিতরে সামগ্রী পরিবর্তন করতে ব্যবহার করা যেতে পারে। এই প্রপার্টি এলিমেন্টের মধ্যে উপস্থিত চাইল্ড এলিমেন্ট কন্টেন্ট ওভাররাইট করতে পারে।সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলশরীরের সম্পত্তি সেট করা -
document.body = New_Content
এখানে, New_Content হল এলিমেন্টের জন্য নতুন কন্টেন্ট।
উদাহরণ
আসুন HTML DOM বডি প্রপার্টি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h2>Sample HEADING</h2>
<p>Click the below button to overwrite child content</p>
<button onclick="OverWrite()">Overwrite Content</button>
<p>A sample paragraph</p>
<script>
function OverWrite() {
document.body.innerHTML = "All the content inside the body tag is overwritten";
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
"কন্টেন্ট ওভাররাইট" -
-এ ক্লিক করলে
উপরের উদাহরণে -
আমাদের
এলিমেন্টের ভিতরে বিভিন্ন উপাদান রয়েছে যেমন একটিউপাদান, দুটি
উপাদান এবং একটি বোতাম। "ওভাররাইট কন্টেন্ট" বোতাম ওভাররাইট() ফাংশনটি কার্যকর করে।
<button>Overwrite Content</button>
OverWrite() ফাংশন ডকুমেন্ট বডির innerHtml পায় এবং টেক্সট পরিবর্তন করে "বডি ট্যাগের ভিতরের সমস্ত বিষয়বস্তু ওভাররাইট করা হয়েছে"। এটি শরীরের ভিতরের সমস্ত বিষয়বস্তুকে ওভাররাইট করে মূলত সমস্ত উপাদানগুলিকে সরিয়ে দেয় এবং শুধুমাত্র পাঠ্য প্রদর্শন করতে দেয়৷
function OverWrite() {
document.body.innerHTML = "All the content inside the body tag is overwritten";
} 