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

HTML DOM प्रोग्रेस ऑब्जेक्ट


DOM प्रोग्रेस ऑब्जेक्ट एक HTML दस्तावेज़ के <प्रगति> तत्व का प्रतिनिधित्व करता है।

आइए हम प्रगति वस्तु बनाते हैं -

सिंटैक्स

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

document.createElement(“PROGRESS”);

गुण

प्रगति वस्तु के गुण निम्नलिखित हैं -

<थेड>
संपत्ति
<वें>स्पष्टीकरण
अधिकतम
यह एक HTML दस्तावेज़ में एक प्रगति तत्व की अधिकतम विशेषता के मान को लौटाता है और बदल देता है।
स्थिति
यह HTML दस्तावेज़ में प्रगति तत्व की स्थिति विशेषता का मान देता है।
लेबल
यह एक HTML दस्तावेज़ में प्रगति पट्टी के लेबल की एक सूची देता है।
मान
यह एक HTML दस्तावेज़ में प्रगति तत्व के मूल्य विशेषता की सामग्री को लौटाता है और बदलता है।

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<style>
   body{
      text-align:center;
      background-color:#fff;
      color:#0197F6;
   }
   h1{
      color:#23CE6B;
   }
   .drop-down{
      width:35%;
      border:2px solid #fff;
      font-weight:bold;
      padding:8px;
   }
   .btn{
      background-color:#fff;
      border:1.5px dashed #0197F6;
      height:2rem;
      border-radius:2px;
      width:60%;
      margin:2rem auto;
      display:block;
      color:#0197F6;
      outline:none;
      cursor:pointer;
   }
   p{
      font-size:1.2rem;
      background-color:#db133a;
      color:#fff;
      padding:8px;
   }
</style>
</head>
<body>
<h1>DOM progress Object Demo</h1>
<button onclick="createProgress()" class="btn">Create a progress object</button>
<script>
   function createProgress() {
      var progressElement = document.createElement("PROGRESS");
      progressElement.setAttribute("value","60");
      progressElement.setAttribute("max","100");
      document.body.appendChild(progressElement);
   }
</script>
</body>
</html>

आउटपुट

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

HTML DOM प्रोग्रेस ऑब्जेक्ट

एक प्रगति वस्तु बनाएं . पर क्लिक करें प्रगति ऑब्जेक्ट बनाने के लिए बटन।

HTML DOM प्रोग्रेस ऑब्जेक्ट


  1. एचटीएमएल डोम डीएल वस्तु

    HTML DOM dl ऑब्जेक्ट HTML एलिमेंट से जुड़ा है। तत्व विवरण सूची बनाने के लिए है। dl ऑब्जेक्ट का उपयोग करके हम जावास्क्रिप्ट का उपयोग करके तत्व को गतिशील रूप से बना और एक्सेस कर सकते हैं। सिंटैक्स − . के लिए वाक्य रचना निम्नलिखित है विवरण सूची बनाना - var p = document.createElement("DL"

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

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

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

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