HTML DOM Ul অবজেক্ট

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

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

var ulObject = document.createElement("UL")

এখানে "ulObject" নিম্নলিখিত প্রপার্টিগুলো থাকতে পারে কিন্তু HTML5-এ সাপোর্টেড নন:

উদাহরণ

<!DOCTYPE html> <html> <head> <title>Ul item()</title> <style>    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    }    ul{       width: 30%;       margin: 0 auto;    } </style> </head> <body>    <form>          <fieldset>          <legend>item( )</legend>          <h2>Menu</h2>          <ul>             <li onclick="getOrder(0)">Mac & Cheese</li>             <li onclick="getOrder(1)">Pizza</li>             <li onclick="getOrder(2)">Burger</li>          </ul>          <div id="divDisplay">Click on menu item to order it</div>       </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    var menuSelect = document.getElementsByTagName("li");    function getOrder(index) {       divDisplay.textContent = 'Order: '+(menuSelect.item(index)).textContent;    } </script> </body> </html>

আউটপুট

'<li>' এলিমেন্টে ক্লিক করার আগে:

'<li>' এলিমেন্টে ক্লিক করার পর: