কম্পিউটার টিউটোরিয়াল

HTML DOM Ol অবজেক্ট

HTML DOM Ol অবজেক্ট HTML-এ <ol> এলিমেন্টকে প্রতিনিধিত্ব করে।

<ol> এলিমেন্ট তৈরি করা

var olObject = document.createElement("OL")

এখানে "olObject" নিম্নলিখিত প্রপার্টিগুলো 가질 수 있습니다:

প্রপার্টিবিবরণ
reversedলিস্টের ক্রম ডিসেন্ডিং বা অ্যাসেন্ডিং (ডিফল্ট) হবে কিনা সেট/রিটার্ন করে
startঅর্ডারড লিস্টের start অ্যাট্রিবিউটের মান সেট/রিটার্ন করে
typeঅর্ডারড লিস্টের type অ্যাট্রিবিউটের মান সেট/রিটার্ন করে

উদাহরণ

<!DOCTYPE html> <html> <head> <title>HTML DOM Ol start</title> <style>    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    }    ol{       width: 30%;       margin: 0 auto;    } </style> </head> <body>    <form>          <fieldset>          <legend>HTML-DOM-Ol-start</legend>          <h3>Students</h3>          <ol id="orderList" start='2'>             <li>Zampa</li>             <li>Rajesh</li>             <li>Eden</li>             <li>Bina</li>             <li>Alex</li>             <li>Adam</li>          </ol>          <input type="button" onclick="reverseNumbering()" value="Correct list">          <div id="divDisplay"></div>       </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    var studentList = document.getElementById("orderList");    function reverseNumbering() {       studentList.start = '1';       divDisplay.textContent = 'List Corrected';    } </script> </body> </html>

আউটপুট

'Correct List' বাটনে ক্লিক করার আগে:

HTML DOM Ol অবজেক্ট

'Correct List' বাটনে ক্লিক করার পর:

HTML DOM Ol অবজেক্ট

  1. HTML DOM Bold অবজেক্ট

  2. HTML DOM DD অবজেক্ট

  3. HTML DOM HR অবজেক্ট

  4. HTML DOM Ul অবজেক্ট