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

एचटीएमएल डोम ली मूल्य संपत्ति

<घंटा/>

ली वैल्यू प्रॉपर्टी

  • एलिमेंट की वैल्यू एट्रिब्यूट का मान लौटाती है/सेट करती है।

    सिंटैक्स

    निम्नलिखित वाक्य रचना है -

    • मान . का रिटर्निंग मान विशेषता
    liObject.value
    • का मूल्य
    • विशेषता मान सेट
    liObject.value = ‘string’

    आइए Li value . के लिए एक उदाहरण देखें संपत्ति -

    उदाहरण

    <!DOCTYPE html>
    <html>
    <head>
    <title>HTML DOM value</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-value</legend>
    <h3>Race Result</h3>
    <ol id="race">
    <li>Alex</li>
    <li>Eden</li>
    <li>Samuel</li>
    <li>Zampa</li>
    </ol>
    <input type="button" onclick="rectifyResult()" value="Alex Cheated">
    <div id="divDisplay"></div>
    </fieldset>
    </form>
    <script>
       var divDisplay = document.getElementById("divDisplay");
       var studentList = document.getElementsByTagName("li");
       var race = document.getElementById("race");
       function rectifyResult() {
          studentList[1].value = '1';
          studentList[2].value = '2';
          studentList[3].value = '3';
          race.removeChild(studentList[0])
          divDisplay.textContent = 'Alex is disqualified';
       }
    </script>
    </body>
    </html>

    आउटपुट

    यह निम्नलिखित आउटपुट देगा -

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

    एचटीएमएल डोम ली मूल्य संपत्ति

    जाँच करने के बाद ‘इस सप्ताह कौन सी परीक्षाएँ हैं?’ बटन -

    एचटीएमएल डोम ली मूल्य संपत्ति


    1. एचटीएमएल डोम मीटर मूल्य संपत्ति

      HTML DOM मीटर वैल्यू प्रॉपर्टी एलिमेंट की वैल्यू एट्रिब्यूट के अनुरूप एक नंबर लौटाती है/सेट करती है। बेहतर परिणामों के लिए इसका उपयोग उच्च, निम्न, न्यूनतम और अधिकतम विशेषताओं के साथ करें। नोट:मीटर एक प्रगति पट्टी के रूप में लेकिन केवल एक गेज के रूप में। निम्नलिखित वाक्य रचना है - मान . का रिटर्न

    1. HTML DOM नोडवैल्यू प्रॉपर्टी

      HTML DOM नोडवैल्यू प्रॉपर्टी नोड के मान के अनुरूप स्ट्रिंग लौटाती/सेट करती है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान Node.nodeValue यहां, वापसी मूल्य निम्नलिखित हो सकता है - दस्तावेज़ नोड्स और एलिमेंट नोड्स के लिए मान शून्य के रूप में विशेषता नोड्स के लिए विशेषता के मान के रूप में मा

    1. एचटीएमएल डोम मूल्य संपत्ति

      HTML DOM मान गुण किसी तत्व की विशेषता के मान के अनुरूप स्ट्रिंग लौटाता है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान elementAttribute.value आइए HTML DOM मान का एक उदाहरण देखें संपत्ति - उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM value</title> <st