Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम ओएल ऑब्जेक्ट

<घंटा/>

एचटीएमएल में एचटीएमएल डोम ओएल ऑब्जेक्ट

    तत्व का प्रतिनिधित्व करता है।

    एक

      तत्व बनाना

      var olObject = document.createElement(“OL”)

      यहाँ, “olObject” में निम्नलिखित गुण हो सकते हैं -

      संपत्ति
      <वें>विवरण
      उलट
      इससे सेट/रिटर्न होता है कि क्या सूची का क्रम अवरोही या आरोही होना चाहिए (डिफ़ॉल्ट)
      शुरू
      आदेशित सूची की प्रारंभ विशेषता का मान सेट/रिटर्न करता है
      type
      आदेशित सूची के प्रकार विशेषता का मान देता है/रिटर्न करता है

      आइए एक उदाहरण देखें Ol start संपत्ति -

      उदाहरण

      <!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>

      आउटपुट

      ‘सही सूची’ clicking क्लिक करने से पहले बटन -

      एचटीएमएल डोम ओएल ऑब्जेक्ट

      ‘सही सूची’ clicking पर क्लिक करने के बाद बटन -

      एचटीएमएल डोम ओएल ऑब्जेक्ट


  1. एचटीएमएल डोम डीडी ऑब्जेक्ट एचटीएमएल डोम डीडी ऑब्जेक्ट

    HTML DOM DD ऑब्जेक्ट HTML दस्तावेज़ में तत्व द्वारा निरूपित परिभाषा सूची के अंदर मौजूद HTML तत्व से संबद्ध है। सिंटैक्स − . के लिए वाक्य रचना निम्नलिखित है डीडी ऑब्जेक्ट बनाना - var p = document.createElement("DD"); उदाहरण आइए HTML DOM DD ऑब्जेक्ट के लिए एक उदाहरण देखें - <!DOCTYPE

  1. एचटीएमएल डोम एचआर ऑब्जेक्ट एचटीएमएल डोम एचआर ऑब्जेक्ट

    HTML DOM HR ऑब्जेक्ट HTML दस्तावेज़ के तत्व का प्रतिनिधित्व करता है। घंटा वस्तु बनाएं− सिंटैक्स निम्नलिखित वाक्य रचना है - दस्तावेज़.क्रिएट एलीमेंट (एचआर); आइए हम घंटा वस्तु का एक उदाहरण देखें- उदाहरण body { text-align:center; पृष्ठभूमि-रंग:#fff; रंग:#0197F6; } h1 {रंग:#23CE6B; } .btn {पृष्ठभूम

  1. एचटीएमएल डोम उल ऑब्जेक्ट एचटीएमएल डोम उल ऑब्जेक्ट

    एचटीएमएल में एचटीएमएल डोम उल ऑब्जेक्ट . का प्रतिनिधित्व करता है तत्व। एक बनाना तत्व var ulObject = document.createElement(“UL”) यहां, “ulObject” निम्न गुण हो सकते हैं लेकिन HTML5 . में समर्थित नहीं हैं - संपत्ति विवरण कॉम्पैक्ट इससे सेट/रिटर्न होता है कि क्या अनियंत्रित सूची