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

থেকে

পর্যন্ত HTML শিরোনামের উপাদানগুলির সাথে যুক্ত। হেডিং অবজেক্ট ব্যবহার করে আমরা যথাক্রমে createElement() এবং getElementById() পদ্ধতির সাহায্যে শিরোনাম উপাদান তৈরি এবং অ্যাক্সেস করতে পারি।

সিনট্যাক্স

−

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

একটি শিরোনাম বস্তু তৈরি করা -

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

উদাহরণ

হেডিং অবজেক্ট -

-এর একটি উদাহরণ দেখা যাক

<!DOCTYPE html>
<html>
<body>
<h1>Heading object example</h1>
<p>Create a h1 element by clicking the below button</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 হেডিং অবজেক্ট

ক্রিয়েট বোতামে ক্লিক করলে -

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

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

আমরা প্রথমে একটি CREATE বাটন তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে headerCreate() পদ্ধতিটি কার্যকর করবে -

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

CreateH1() মেথড ডকুমেন্ট অবজেক্টে createElement() মেথড ব্যবহার করে একটি

হেডিং এলিমেন্ট তৈরি করে এবং এটি ভেরিয়েবল h এ বরাদ্দ করে। তারপর আমরা ডকুমেন্ট অবজেক্টের createTextNode() পদ্ধতি ব্যবহার করে এটির জন্য একটি টেক্সট নোড তৈরি করি। টেক্সট নোডটি appendChild() পদ্ধতি ব্যবহার করে

উপাদানের সাথে যুক্ত করা হয়। অবশেষে টেক্সট নোডের সাথে

উপাদানটি appendChild() পদ্ধতি ব্যবহার করে ডকুমেন্টের বডির চাইল্ড হিসাবে যুক্ত করা হয় -

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