এইচটিএমএল ডোম Aside অবজেক্ট
Aside অবজেক্ট
Aside অবজেক্ট এইচটিএমএল(৫)এ নতুন
Aside অবজেক্ট এইচটিএমএল <Aside> এলিমেন্টকে প্রতিনিধিত্ব করে।
নোটঃ <Aside> এলিমেন্ট ইন্টারনেট এক্সপ্লোরার(৮) এবং এর পূর্বের ভার্সনে সাপোর্ট করে না।
Aside অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <Aside> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন </button></p>
<script>
function myFunc() {
var a = document.createElement("aside");
a.setAttribute("id", "test");
document.body.appendChild(a);
var heading = document.createElement("h4");
var txt1 = document.createTextNode("চাঁদপুর শহর");
heading.appendChild(txt1);
document.getElementById("test").appendChild(heading);
var para = document.createElement("p");
var txt2 = document.createTextNode("চাঁদপুর ইলিশের শহর নামে পরচিত।");
para.appendChild(txt2);
document.getElementById("test").appendChild(para);
}
</script>
</body>
</html>ফলাফল
Aside অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <Aside> এলিমেন্টকে এক্সেস করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<aside id="test">
<h4>চাঁদপুর শহর</h4>
<p>চাঁদপুর ইলিশের শহর নামে পরচিত।</p>
</aside>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.getElementById("test");
a.style.color = "teal";
}
</script>
</body>
</html>ফলাফল
স্ট্যান্ডার্ড প্রোপার্টি ও ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |