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>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
ক্রিয়েট -
ক্লিক করলে
উপরের উদাহরণে -
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); }