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

HTML DOM प्रोग्रेस अधिकतम संपत्ति


HTML DOM प्रोग्रेस मैक्स प्रॉपर्टी रिटर्न देता है और HTML डॉक्यूमेंट में प्रोग्रेस एलिमेंट की मैक्स एट्रीब्यूट का मान बदल देता है।

सिंटैक्स

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

  • 1. रिटर्निंग अधिकतम

object.max
  • 2. अधिकतम संशोधित करना

object.max = “number”

उदाहरण

आइए हम प्रगति अधिकतम संपत्ति का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
   html{
      height:100%;
   }
   body{
      text-align:center;
      color:#fff;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;
      height:100%;
   }
   p{
      font-weight:700;
      font-size:1.2rem;
   }
   .drop-down{
      width:35%;
      border:2px solid #fff;
      font-weight:bold;
      padding:8px;
   }
   .btn{
      background:#0197F6;
      border:none;
      height:2rem;
      border-radius:2px;
      width:35%;
      margin:2rem auto;
      display:block;
      color:#fff;
      outline:none;
      cursor:pointer;
   }
   .show{
      font-size:1.5rem;
      font-weight:bold;
   }
</style>
</head>
<body>
<h1>DOM Progress max Property Demo</h1>
<p>Status of your pending work:</p>
<p>(blue = completed & white = pending)</p>
<progress value="20" max="100" class="progress"></progress>
<button onclick="changeMax()" class="btn">Change Max = 200</button>
<div class="show"></div>
<script>
   function changeMax() {
      var progress = document.querySelector(".progress");
      var msg = document.querySelector(".show");
      msg.innerHTML = "Previous max value is " + progress.max +'';
      progress.max="200";
      msg.innerHTML += "

      New max value is " + progress.max+"";

   } </script> </body> </html>

आउटपुट

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

HTML DOM प्रोग्रेस अधिकतम संपत्ति

अधिकतम बदलें=200 . पर क्लिक करें प्रगति पट्टी की अधिकतम विशेषता के मान को बदलने के लिए बटन।

HTML DOM प्रोग्रेस अधिकतम संपत्ति


  1. HTML DOM lastChild प्रॉपर्टी

    HTML DOM lastChild गुण अंतिम तत्व नोड को निर्दिष्ट नोड के नोड ऑब्जेक्ट के रूप में लौटाता है। नोट - यह प्रॉपर्टी टेक्स्ट और कमेंट नोड्स को नज़रअंदाज़ नहीं करती है सिंटैक्स निम्नलिखित वाक्य रचना है - लास्टचाइल्ड नोड लौटा रहा है nodeList.lastChild उदाहरण आइए HTML DOM lastChild . के लिए एक उदाहरण दे

  1. एचटीएमएल डोम मीटर अधिकतम संपत्ति

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

  1. एचटीएमएल डोम इनपुट रेंज अधिकतम संपत्ति

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