HTML DOM Heading অবজেক্ট

HTML DOM Heading অবজেক্ট HTML হেডিং এলিমেন্টগুলো <h1> থেকে <h6> পর্যন্ত সাথে জড়িত। Heading অবজেক্ট ব্যবহার করে createElement() এবং getElementById() মেথড যথাক্রমে হেডিং এলিমেন্ট তৈরি এবং এক্সেস করা যায়।

সিনট্যাক্স

Heading অবজেক্ট তৈরির সিনট্যাক্স:

var p = document.createElement("H1");

উদাহরণ

Heading অবজেক্টের উদাহরণ:

<!DOCTYPE html> <html> <body> <h1>Heading অবজেক্ট উদাহরণ</h1> <p>নিচের বাটনে ক্লিক করে h1 এলিমেন্ট তৈরি করুন</p> <button onclick="createH1()">CREATE</button> <script>    function createH1() {       var h = document.createElement("H1");       var txt = document.createTextNode("H1 element has been created");       h.appendChild(txt);       document.body.appendChild(h);    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

HTML DOM Heading অবজেক্ট

CREATE বাটনে ক্লিক করলে:

HTML DOM Heading অবজেক্ট

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

প্রথমে CREATE বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে headerCreate() মেথড এক্সিকিউট করবে:

<button onclick="createH1()">CREATE</button>

CreateH1() মেথড ডকুমেন্ট অবজেক্টের createElement() মেথড ব্যবহার করে <h1> হেডিং এলিমেন্ট তৈরি করে এবং h ভেরিয়েবলে অ্যাসাইন করে। তারপর ডকুমেন্ট অবজেক্টের createTextNode() মেথড ব্যবহার করে এর জন্য একটি টেক্সট নোড তৈরি করা। টেক্সট নোডটি appendChild() মেথড ব্যবহার করে <h1> এলিমেন্টে সংযুক্ত করা। শেষে <h1> এলিমেন্টটি টেক্সট নোডসহ ডকুমেন্টের বডির চাইল্ড হিসেবে appendChild() মেথড ব্যবহার করে অ্যাপেন্ড করা হয়েছে:

function createH1() {    var h = document.createElement("H1");    var txt = document.createTextNode("H1 element has been created");    h.appendChild(txt);    document.body.appendChild(h); }