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

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

রেফারেন্স

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

অপারেটর-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>


 

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

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

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