কম্পিউটার

HTML DOM বডি অবজেক্ট


HTML DOM বডি অবজেক্ট HTML উপাদানের সাথে যুক্ত। বডি ট্যাগের ভিতরে সেট করা গুণাবলী এবং তাদের মানগুলি HTML ডকুমেন্ট জুড়ে থাকে যদি না সেগুলিকে এর যেকোন চাইল্ড নোড দ্বারা ওভাররাইড করা হয়৷ বডি অবজেক্টটি এই বৈশিষ্ট্যগুলি এবং তাদের মানগুলি অ্যাক্সেস এবং ম্যানিপুলেট করতে ব্যবহার করা যেতে পারে৷

সম্পত্তি

HTML DOM বডি অবজেক্ট -

-এর জন্য নিম্নলিখিত বৈশিষ্ট্যগুলি রয়েছে৷

দ্রষ্টব্য − নীচের বৈশিষ্ট্যগুলি HTML5-এ সমর্থিত নয়৷ পরিবর্তে CSS ব্যবহার করুন −

সম্পত্তি ডিসিপশন
aLink কোন নথিতে সক্রিয় লিঙ্কের রঙ সেট করতে বা ফেরত দিতে।
পটভূমি নথির জন্য পটভূমি চিত্র সেট করতে বা ফেরত দিতে
bgColor নথির পটভূমির রঙ সেট করতে বা ফেরত দিতে।
লিঙ্ক নথিতে দেখা না হওয়া লিঙ্কের রঙ সেট করতে বা ফেরত দিতে।
পাঠ্য নথির পাঠ্যের রঙ সেট করতে বা ফেরত দিতে
vLink নথিতে ভিজিট করা লিঙ্কের রঙ সেট করতে বা ফেরত দিতে।

সিনট্যাক্স

-এর সিনট্যাক্স নিচে দেওয়া হল

শরীরের বস্তু তৈরি করা -

var x = document.createElement("BODY");

উদাহরণ

আসুন HTML DOM বডি অবজেক্ট -

এর একটি উদাহরণ দেখি
<!DOCTYPE html>
<html>
<head>
<title>aside tag</title>
<h2>HTML DOM BODY OBJECT</h2>
<button onclick="createBody()">CREATE</button>
<script>
   function createBody() {
      var x = document.createElement("BODY");
      x.setAttribute("id", "myBody");
      document.body.appendChild(x);
      var Para = document.createElement("P");
      var text = document.createTextNode("A sample paragraph
      created as child of body");
      Para.appendChild(text);
      document.getElementById("myBody").appendChild(Para);
   }
</script>
</head>
</html>

আউটপুট

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

তৈরি করবে

HTML DOM বডি অবজেক্ট

ক্রিয়েট -

ক্লিক করলে

HTML DOM বডি অবজেক্ট

উপরের উদাহরণে -

CreateBody()-

ফাংশনকে কল করার জন্য আমরা একটি বোতাম তৈরি করেছি
<button onclick="createBody()">CREATE</button>

createBody() পদ্ধতিটি এলিমেন্ট তৈরি করে এবং x ভেরিয়েবলে বরাদ্দ করে। setAttribute() পদ্ধতি ব্যবহার করে আমরা বডির আইডি "myBody" এ সেট করি এবং নথির চাইল্ড হিসাবে appendChild() পদ্ধতি ব্যবহার করে বডি এলিমেন্ট যোগ করি। আরেকটি উপাদান

(অনুচ্ছেদ) তারপর টেক্সট নোড দিয়ে তৈরি করা হয় “একটি নমুনা অনুচ্ছেদ তৈরি করা হয়েছে চাইল্ড অফ বডি হিসেবে”। সেই টেক্সট নোডটি অনুচ্ছেদের চাইল্ড হিসাবে যুক্ত করা হয়েছে। অবশেষে উপাদানটির আইডি ব্যবহার করে অনুচ্ছেদটি বডিতে যুক্ত করা হয়েছে।

function createBody() {
   var x = document.createElement("BODY");
   x.setAttribute("id", "myBody");
   document.body.appendChild(x);
   var Para = document.createElement("P");
   var text = document.createTextNode("A sample paragraph created as child of body");
   Para.appendChild(text);
   document.getElementById("myBody").appendChild(Para);
}

  1. HTML DOM Textarea অবজেক্ট

  2. HTML DOM HR অবজেক্ট

  3. HTML DOM শিরোনাম অবজেক্ট

  4. HTML DOM Ul অবজেক্ট