HTML DOM Body অবজেক্ট HTML <body> এলিমেন্টের সাথে যুক্ত। body ট্যাগের ভিতরে সেট করা অ্যাট্রিবিউট এবং তাদের মান HTML ডকুমেন্টে সারাদিন থাকে যতক্ষণ না সেগুলো এর যেকোনো চাইল্ড নোড দ্বারা ওভাররাইড করা হয়। body অবজেক্ট এই প্রোপার্টি এবং তাদের মান অ্যাক্সেস এবং ম্যানিপুলেট করতে ব্যবহার করা যেতে পারে।
প্রোপার্টি
HTML DOM Body অবজেক্টের প্রোপার্টিগুলো নিচে দেওয়া হলো:
নোট - নিচের প্রোপার্টিগুলো HTML5-এ সাপোর্টেড নয়। CSS ব্যবহার করুন:
| প্রোপার্টি | বিবরণ |
|---|---|
| aLink | একটি ডকুমেন্টে এক্টিভ লিংক কালার সেট বা রিটার্ন করতে |
| background | ডকুমেন্টের জন্য ব্যাকগ্রাউন্ড ইমেজ সেট বা রিটার্ন করতে |
| bgColor | ডকুমেন্টের ব্যাকগ্রাউন্ড কালার সেট বা রিটার্ন করতে |
| link | ডকুমেন্টে আনভিজিটেড লিংক কালার সেট বা রিটার্ন করতে |
| text | ডকুমেন্টের টেক্সট কালার সেট বা রিটার্ন করতে |
| vLink | ডকুমেন্টে ভিজিটেড লিংক কালার সেট বা রিটার্ন করতে |
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
body অবজেক্ট তৈরি করা:
var x = document.createElement("BODY");
উদাহরণ
HTML DOM body অবজেক্টের জন্য একটি উদাহরণ দেখি:
<!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>
আউটপুট
এটি নিচের আউটপুট দেবে:
create-এ ক্লিক করলে:
উপরের উদাহরণে:
আমরা createBody() ফাংশন কল করার জন্য CREATE নামে একটি বাটন তৈরি করেছি:
<button onclick="createBody()">CREATE</button>
createBody() মেথড <body> এলিমেন্ট তৈরি করে এবং এটিকে x ভেরিয়েবলে অ্যাসাইন করে। setAttribute() মেথড ব্যবহার করে body-এর id "myBody" সেট করে এবং appendChild() মেথড ব্যবহার করে body এলিমেন্টটি ডকুমেন্টের চাইল্ড হিসেবে অ্যাপেন্ড করে। অন্য একটি <p> (প্যারাগ্রাফ) এলিমেন্ট "A sample paragraph created as child of body" টেক্সট নোডসহ তৈরি করা হয়। সেই টেক্সট নোডটি প্যারাগ্রাফের চাইল্ড হিসেবে অ্যাপেন্ড করা হয়। শেষে <body> এলিমেন্টের id ব্যবহার করে প্যারাগ্রাফটি body-তে অ্যাপেন্ড করা হয়।
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); }
