এইচটিএমএল ডোম Ol অবজেক্ট
Ol অবজেক্ট
Ol অবজেক্ট এইচটিএমএল <ol> এলিমেন্টকে প্রতিনিধিত্ব করে।
Ol অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <ol> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.createElement("ol");
a.setAttribute("id", "test");
document.body.appendChild(a);
var b = document.createElement("li");
var c = document.createTextNode("Apple");
b.appendChild(c);
document.getElementById("test").appendChild(b);
}
</script>
</body>
</html>ফলাফল
Ol অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <ol> এলিমেন্টকে এক্সেস করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<ol id="test">
<li>Apple</li>
<li>Banana</li>
<li>Mango</li>
</ol>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.getElementById("test");
a.start = "11";
}
</script>
</body>
</html>ফলাফল
Ol অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| compact | এইচটিএমএল(৫) এ সাপোর্ট করে না। এর পরিবর্তে style.lineHeight ব্যবহার করুন তালিকা স্বাভাবিকের চেয়ে ছোট রেন্ডার করা উচিত কিনা তা সেট বা রিটার্ন করে। |
| reversed | লিস্ট অর্ডার নিম্নক্রম করা হবে কিনা তা সেট বা রিটার্ন করে। |
| start | ordered লিস্টের start এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| type | ordered লিস্টের type এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |