এইচটিএমএল ডোম Footer অবজেক্ট
Footer অবজেক্ট
Footer অবজেক্ট এইচটিএমএল(৫)এ নতুন
Footer অবজেক্ট এইচটিএমএল <footer> এলিমেন্টকে প্রতিনিধিত্ব করে।
নোট: <footer> এলিমেন্ট ইন্টারনেট এক্সপ্লোরার (৮) এবং তার পূর্ববর্তী ভার্সনে সাপোর্ট করে না
Footer অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <
আপনি getElementById() ব্যবহার করে <footer> এলিমেন্টকে এক্সেস করতে পারেনঃ
> এলিমেন্ট তৈরি করতে পারেনঃউদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>!
<script>
function myFunc() {
var a = document.createElement("footer");
a.setAttribute("id", "test");
document.body.appendChild(a);
var b = document.createElement("p");
var c = document.createTextNode("এটি হলো FOOTER এলিমেন্টে P এলিমেন্ট।");
b.appendChild(c);
document.getElementById("test").appendChild(b);
}
</script>
</body>
</html>
ফলাফল
Footer অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <footer> এলিমেন্টকে এক্সেস করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<footer id="test">
<p> Footer এ কিছু টেক্সট।</p>
</footer>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<p id="test2"></p>
<script>
function myFunc() {
var a = document.getElementById("test").innerHTML;
document.getElementById("test2").innerHTML = a;
}
</script>
</body>
</html>
ফলাফল
স্ট্যান্ডার্ড প্রোপার্টি এবং ইভেন্ট
প্রোপার্টি | ইভেন্ট |
---|---|
সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |