জাভাস্ক্রিপ্ট জেকুয়েরি এঙ্গুলার জেএস এইচটিএমএল সিএসএস বুটস্ট্রাপ পিএইচপি সি প্রোগ্রামিং
ফোরাম
×

জাভাস্ক্রিপ্ট রেফারেন্স

রেফারেন্স

জাভাস্ক্রিপ্ট

অপারেটর-Operator স্টেটমেন্ট-Statement অ্যারে-Array বুলিয়ান-Boolean স্ট্রিং-String সংখ্যা-Number রেগুলার এক্সপ্রেশন-RegExp গণিত-Math তারিখ-Date গ্লোবাল-Global কনভার্শন-Conversion

এইচটিএমএল ডোম-DOM

ডোম ডকুমেন্ট-DOMDocument ডোম এলিমেন্ট-DOMElement ডোম এট্রিবিউট-DOMAttribute ডোম স্টাইল-DOMStyle ডোম ইভেন্ট-DOMEvent

ব্রাউজার বোম-BOM

উইনডো-Window হিস্টোরি-History লোকেশন-Location ন্যভিগেটর-Navigator স্ক্রিনScreen

এইচটিএমএল অবজেক্ট

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>


 

এইচটিএমএল ডোম 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-এর টাইপ এট্রিবিউটের ভ্যালু সেট অথবা রিটার্ন করে।

স্ট্যান্ডার্ড প্রোপার্টি এবং ইভেন্ট

প্রোপার্টি ইভেন্ট
সাপোর্ট করে। এখানে দেখুন সাপোর্ট করে। এখানে দেখুন