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>' एलिमेंट पर क्लिक करने के बाद -