এইচটিএমএল ডোম সেকশন অবজেক্ট
সেকশন অবজেক্ট
সেকশন অবজেক্ট এইচটিএমএল(৫) এ নতুন।
সেকশন অবজেক্টি এইচটিএমএল <section> এলিমেন্টকে প্রতিনিধিত্ব করে ।
বিশেষ দ্রষ্টব্য: <section> এলিমেন্টেটি ইন্টারনেট এক্সপ্লোরার ৮ এবং তার আগের ভার্সনে সমর্থন করে না।
একটি সেকশন অবজেক্ট তৈরি
document.createElement() পদ্ধতি ব্যবহারের মাধ্যমে আপনি একটি <section> এলিমেন্ট তৈরী করতে পারবেন:
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.createElement("section");
a.setAttribute("id", "test");
document.body.appendChild(a);
var h = document.createElement("h2");
var txt1 = document.createTextNode("স্যাট একাডেমী");
h.appendChild(txt1);
document.getElementById("test").appendChild(h);
var p = document.createElement("p");
var txt2 = document.createTextNode("বাংলাদেশের বৃহত্তম অনলাইন/অফলাইন আইটি একাডেমী।");
p.appendChild(txt2);
document.getElementById("test").appendChild(p);
}
</script>
</body>
</html>ফলাফল
একটি সেকশন অবজেক্ট এক্সেস
getElementById() ব্যবহারের মাধ্যমে আপনি একটি <section> এলিমেন্ট এক্সেস করতে পারবেন:
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<section id="test">
<h2>স্যাট একাডেমী</h2>
<p>বাংলাদেশের বৃহত্তম অনলাইন/অফলাইন আইটি একাডেমী।</p>
</section>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.getElementById("test").innerHTML;
alert(a);
}
</script>
</body>
</html>ফলাফল
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |