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

एचटीएमएल डोम विकल्प लेबल संपत्ति


DOM विकल्प लेबल गुण HTML दस्तावेज़ में किसी विकल्प की लेबल विशेषता के मान को लौटाता है और बदल देता है।

सिंटैक्स

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

  • रिटर्निंग लेबल

object.label
  • 2. लेबल को संशोधित करना

object.label = “text”

उदाहरण

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

<!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 Option label Demo</h1>
<p>Hi, Select your favourite subject:</p>
<select class='drop-down'>
<option label="Physics">Physics</option>
<option label="Maths">Maths</option>
<option label="Chemistry">Chemistry</option>
<option label="English">English</option>
</select>
<button onclick="showLabel()" class="btn">Show Label Value</button>
<div class="show"></div>
<script>
   function showLabel() {
      var dropDown = document.querySelector(".drop-down");
      var msg = document.querySelector(".show").innerHTML="Label = " +    
         dropDown.options[dropDown.selectedIndex].label;
      console.log(dropDown.options[dropDown.selectedIndex].label);
   }
</script>
</body>
</html>

आउटपुट

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

एचटीएमएल डोम विकल्प लेबल संपत्ति

ड्रॉप-डाउन सूची से अपना पसंदीदा विषय चुनें और फिर “लेबल मान दिखाएं . पर क्लिक करें " उस विकल्प के लेबल का मान प्रदर्शित करने के लिए बटन।

एचटीएमएल डोम विकल्प लेबल संपत्ति


  1. HTML DOM इनपुटएन्कोडिंग प्रॉपर्टी

    HTML DOM inputEncoding प्रॉपर्टी पार्स करने योग्य HTML दस्तावेज़ के लिए वर्ण एन्कोडिंग लौटाती है और ओवरराइट करने योग्य है। सिंटैक्स निम्नलिखित वाक्य रचना है - रिटर्निंग कैरेक्टर एन्कोडिंग html दस्तावेज़ का। दस्तावेज़.इनपुटएन्कोडिंग उदाहरण आइए InputEncoding . के लिए एक उदाहरण देखें संपत्ति - इ

  1. HTML DOM लेबल htmlसंपत्ति के लिए

    एचटीएमएल डोम लेबल एचटीएमएल संपत्ति के लिए विशेषता के लिए मान देता है/सेट करता है। सिंटैक्स निम्नलिखित वाक्य रचना है - के लिए . का रिटर्निंग मान विशेषता - labelObject.htmlFor उदाहरण आइए लेबल htmlके लिए . के लिए एक उदाहरण देखें संपत्ति - <!DOCTYPE html> <html> <head> <title>

  1. HTML DOM ट्रैक लेबल प्रॉपर्टी

    HTML DOM ट्रैक लेबल प्रॉपर्टी ट्रैक के लिए दृश्यमान टेक्स्ट निर्दिष्ट करने के लिए ट्रैक तत्व की लेबल विशेषता का मान सेट/रिटर्न करती है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान trackObject.label लेबल को stringValue पर सेट करना trackObject.label = labelValue आइए ट्रैक लेबल . का एक उदाहर