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 . में समर्थित नहीं हैं - संपत्ति विवरण कॉम्पैक्ट इससे सेट/रिटर्न होता है कि क्या अनियंत्रित सूची