HTML DOM ফুটার অবজেক্টটি HTML
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলএকটি ফুটার অবজেক্ট তৈরি করা হচ্ছে -
var p = document.createElement("FOOTER"); উদাহরণ
আসুন আমরা ফুটার অবজেক্ট -
এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<head>
<script>
function createFoot() {
var f = document.createElement("FOOTER");
document.body.appendChild(f);
var p = document.createElement("P");
var txt = document.createTextNode("Copyright ©, 2019");
p.appendChild(txt);
f.appendChild(p);
}
</script>
</head>
<body>
<h1>Footer object example</h1>
<p>Create a footer for this webpage by clicking the below button</p>
<button onclick="createFoot()">CREATE</button>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
ক্রিয়েট বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা প্রথমে একটি ক্রিয়েট বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে createFoot() পদ্ধতিটি কার্যকর করবে৷
<button onclick="createFoot()">CREATE</button>
createFoot() পদ্ধতি ডকুমেন্ট অবজেক্টের createElement() পদ্ধতি ব্যবহার করে একটি ফুটার উপাদান তৈরি করে। তারপর আমরা appendChild() মেথড ব্যবহার করে ডকুমেন্ট বডিতে ফুটার এলিমেন্ট যোগ করি এবং createElement() মেথড ব্যবহার করে আরেকটি
এলিমেন্ট তৈরি করি।
তারপর ডকুমেন্ট অবজেক্টের createTextNode() পদ্ধতি ব্যবহার করে একটি টেক্সট নোড তৈরি করা হয়। তারপর অনুচ্ছেদে appendChild() পদ্ধতি ব্যবহার করে টেক্সট নোডটি অনুচ্ছেদে যুক্ত করা হয়। অবশেষে টেক্সট নোডের সাথে অনুচ্ছেদটি ফুটার এলিমেন্টের বাচ্চাদের হিসাবে যুক্ত করা হয় ফুটার এলিমেন্টে appendChild() পদ্ধতি ব্যবহার করে −
function createFoot() {
var f = document.createElement("FOOTER");
document.body.appendChild(f);
var p = document.createElement("P");
var txt = document.createTextNode("Copyright ©, 2019");
p.appendChild(txt);
f.appendChild(p);
} 