এইচটিএমএল ডোম ul অবজেক্ট
ul অবজেক্ট
ul অবজেক্ট একটি এইচটিএমএল <ul> এলিমেন্টকে বুঝায়।
ul অবজেক্ট তৈরি
document.createElement() ব্যবহার করে আপনি একটি <ul> এলিমেন্ট তৈরি করতে পারবেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc() {
var a = document.createElement("ul");
document.body.appendChild(a);
var b = document.createElement("li");
var c = document.createTextNode("Apple");
b.appendChild(c);
document.getElementsByTagName("ul")[0].appendChild(b);
}
</script>
</body>
</html>ফলাফল
একটি ul অবজেক্ট এক্সেস
getElementsByTagName() ব্যবহার করে আপনি একটি <ul> এলিমেন্ট এক্সেস করতে পারবেন।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<ul id="ulList">
<li>Apple</li>
<li>Mango</li>
</ul>
<button onclick="myFunc()">ক্লিক করুন</button>
<p id="test"></p>
<script>
function myFunc() {
var a = document.getElementById("ulList").id;
document.getElementById("test").innerHTML = a;
}
</script>
</body>
</html>ফলাফল
ul অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| compact | এইচটিএমএল(৫)-এ সাপোর্ট করে না। এর পরিবর্তে style.lineHeight ব্যবহার করুন unordered list স্বাভাবিকের চেয়ে ছোট রেন্ডার করা উচিত কি না তা সেট অথবা রিটার্ন করে। |
| type | এইচটিএমএল(৫)-এ সাপোর্ট করে না।এর পরিবর্তে style.listStyleType ব্যবহার করুন। একটি unordered list-এর টাইপ এট্রিবিউটের ভ্যালু সেট অথবা রিটার্ন করে। |
স্ট্যান্ডার্ড প্রোপার্টি এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |