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

एचटीएमएल डोम विकल्प डिफ़ॉल्ट चयनित संपत्ति

<घंटा/>

HTML DOM विकल्प डिफ़ॉल्ट चयनित गुण HTML दस्तावेज़ में विकल्प तत्व का डिफ़ॉल्ट मान लौटाता है।

सिंटैक्स

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

object.defualtSelected

उदाहरण

आइए डिफ़ॉल्ट चयनित संपत्ति का एक उदाहरण देखें -

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

आउटपुट

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

एचटीएमएल डोम विकल्प डिफ़ॉल्ट चयनित संपत्ति

नीला . पर क्लिक करें ड्रॉप-डाउन सूची में मौजूद सभी विकल्पों के लिए डिफ़ॉल्ट चयनित विशेषता के मान की जांच करने के लिए बटन।

एचटीएमएल डोम विकल्प डिफ़ॉल्ट चयनित संपत्ति


एचटीएमएल डोम विकल्प डिफ़ॉल्ट चयनित संपत्ति


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

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

  1. एचटीएमएल डोम सामग्री संपादन योग्य संपत्ति है

    HTML DOM isContentEditable प्रॉपर्टी लौटाता है कि किसी तत्व की सामग्री को संशोधित किया जा सकता है या नहीं। सिंटैक्स निम्नलिखित वाक्य रचना है - बूलियन मान लौटाना - सही/गलत HTMLElementObject.isContentEditable बूलियन मान यहां, “बूलियनवैल्यू” लौटाया जाता है - booleanValue विवरण सच यह परिभाषित करता

  1. HTML DOM lastModified संपत्ति

    HTML DOM lastModified प्रॉपर्टी वर्तमान दस्तावेज़ को अंतिम बार संशोधित करने का दिनांक और समय लौटाती है। सिंटैक्स निम्नलिखित वाक्य रचना है - लौटने की तारीख और समय - document.lastModified उदाहरण आइए HTML DOM lastModified . के लिए एक उदाहरण देखें संपत्ति - <!DOCTYPE html> <html> <head