HTML DOM হেডার অবজেক্টটি HTML
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলএকটি হেডার অবজেক্ট তৈরি করা হচ্ছে -
var p = document.createElement("HEADER"); উদাহরণ
আসুন HTML DOM হেডার অবজেক্ট -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h1>Header object example</h1>
<p>Create a header element by clicking the below button</p>
<button onclick="headerCreate()">CREATE</button>
<script>
function headerCreate() {
var h = document.createElement("HEADER");
document.body.appendChild(h);
var h2 = document.createElement("H2");
var txt = document.createTextNode("Header element containing a h2 element is now created");
h2.appendChild(txt);
h.appendChild(h2);
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
ক্রিয়েট বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা একটি ক্রিয়েট বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে createHeader() পদ্ধতিটি কার্যকর করবে -
<button onclick="headerCreate()">CREATE</button>
headerCreate() মেথড ডকুমেন্ট অবজেক্টের উপর createElement() মেথড ব্যবহার করে একটি হেডার এলিমেন্ট তৈরি করে এবং ভেরিয়েবল h এ বরাদ্দ করে। এটি তারপরে নথির অংশে appendChild() পদ্ধতিতে কল করে শিরোনামটি নথির অংশে শিশু হিসাবে যুক্ত করতে। উপরের একই পদ্ধতি ব্যবহার করে আমরা ডকুমেন্ট অবজেক্টের createTextNode() পদ্ধতি ব্যবহার করে একটি
উপাদান এবং একটি পাঠ্য নোড তৈরি করি।
টেক্সট নোডটি appendChild() পদ্ধতি ব্যবহার করে
উপাদানের সাথে যুক্ত করা হয়। অবশেষে টেক্সট নোডের সাথে উপাদানটি appendChild() পদ্ধতি ব্যবহার করে শিরোনাম উপাদানের চাইল্ড হিসাবে যুক্ত করা হয় - function headerCreate() {
var h = document.createElement("HEADER");
document.body.appendChild(h);
var h2 = document.createElement("H2");
var txt = document.createTextNode("Header element containing a h2 element is now created");
h2.appendChild(txt);
h.appendChild(h2);
}
function headerCreate() {
var h = document.createElement("HEADER");
document.body.appendChild(h);
var h2 = document.createElement("H2");
var txt = document.createTextNode("Header element containing a h2 element is now created");
h2.appendChild(txt);
h.appendChild(h2);
} 