HTML DOM Footer অবজেক্ট HTML <footer> এলিমেন্টের সাথে জড়িত। <footer> এলিমেন্ট একটি সেমান্টিক ট্যাগ এবং HTML5-এ পরিচয় করানো হয়েছিল। Footer অবজেক্ট ব্যবহার করে createElement() এবং getElementById() মেথড যথাক্রমে <footer> এলিমেন্ট তৈরি এবং পাওয়া যায়।
সিনট্যাক্স
footer অবজেক্ট তৈরির সিনট্যাক্স:
var p = document.createElement("FOOTER");উদাহরণ
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 অবজেক্ট উদাহরণ</h1> <p>নিচের বাটনে ক্লিক করে এই ওয়েবপেজের জন্য footer তৈরি করুন</p> <button onclick="createFoot()">CREATE</button> </body> </html>আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
CREATE বাটনে ক্লিক করলে:
উপরের উদাহরণে:
প্রথমে CREATE বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে createFoot() মেথড এক্সিকিউট করবে।
<button onclick="createFoot()">CREATE</button>
createFoot() মেথড ডকুমেন্ট অবজেক্টের createElement() মেথড ব্যবহার করে footer এলিমেন্ট তৈরি করে। তারপর appendChild() মেথড ব্যবহার করে footer এলিমেন্টকে ডকুমেন্ট বডিতে অ্যাপেন্ড করা এবং createElement() মেথড ব্যবহার করে আরেকটি <p> এলিমেন্ট তৈরি করা।
ডকুমেন্ট অবজেক্টের createTextNode() মেথড ব্যবহার করে একটি টেক্সট নোড তৈরি করা। টেক্সট নোডটি appendChild() মেথড ব্যবহার করে প্যারাগ্রাফে সংযুক্ত করা। শেষে প্যারাগ্রাফটি টেক্সট নোডসহ footer এলিমেন্টের চাইল্ড হিসেবে footer এলিমেন্টের ওপর 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); } 