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

एचटीएमएल डोम प्रकार संपत्ति का चयन करें

<घंटा/>

HTML DOM सेलेक्ट टाइप प्रॉपर्टी एक HTML डॉक्यूमेंट में ड्रॉप-डाउन लिस्ट के टाइप एट्रिब्यूट का मान लौटाती है।

सिंटैक्स

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

object.type

उदाहरण

आइए HTML DOM सेलेक्ट टाइप प्रॉपर्टी का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
   html{
      height:100%;
   }
   body{
      text-align:center;
      color:#fff;
      background: radial-gradient( circle farthest-corner at 23.1% 64.6%, rgba(129,125,254,1) 0%, rgba(111,167,254,1) 90% ) no-repeat;
      height:100%;
   }
   p{
      font-weight:700;
      font-size:1.1rem;
   }
   .drop-down{
      display:block;
      width:35%;
      border:2px solid #fff;
      background-color:transparent;
      color:#fff;
      font-weight:bold;
      padding:8px;
      margin:1rem auto;
   }
   .btn{
      background:orange;
      border:none;
      height:2rem;
      border-radius:2px;
      width:35%;
      margin:2rem auto;
      display:block;
      color:#fff;
      font-weight:bold;
      outline:none;
      cursor:pointer;
   }
   .show{
      font-size:1.5rem;
      font-weight:bold;
   }
</style>
</head>
<body>
<h1>DOM Select type property Demo</h1>
<p>Hi, Select your favourite subject:</p>
<select class='drop-down' name="Drop Down List">
<option>Physics</option>
<option>Maths</option>
<option>Chemistry</option>
<option>English</option>
</select>
<button type="button" onclick="getType()" class="btn">Show Type</button>
<div class="show"></div>
<script>
   function getType() {
      var dropDown = document.querySelector(".drop-down");
      document.querySelector(".show").innerHTML="type = " + dropDown.type;
   }
</script>
</body>
</html>

आउटपुट

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

एचटीएमएल डोम प्रकार संपत्ति का चयन करें

दिखाएँ प्रकार . पर क्लिक करें ड्रॉप-डाउन सूची के प्रकार विशेषता का मान दिखाने के लिए बटन।

एचटीएमएल डोम प्रकार संपत्ति का चयन करें


  1. HTML DOM फ़ील्डसेट प्रकार की संपत्ति

    HTML DOM फ़ील्डसेट प्रकार की संपत्ति का उपयोग फ़ील्डसेट तत्व प्रकार को वापस करने के लिए किया जाता है। फ़ील्डसेट तत्व के लिए यह हमेशा फ़ील्डसेट प्रकार का होगा। यह केवल पढ़ने के लिए संपत्ति है। सिंटैक्स फील्डसेट प्रकार की संपत्ति के लिए वाक्य रचना निम्नलिखित है - fieldsetObject.type उदाहरण आइए फील्ड

  1. एचटीएमएल डोम ओएल टाइप प्रॉपर्टी

    एचटीएमएल डोम ओएल टाइप प्रॉपर्टी टाइप एट्रिब्यूट का मान सेट/रिटर्न करती है जो ऑर्डर की गई सूची में इस्तेमाल किए गए मार्कर के प्रकार से मेल खाती है। निम्नलिखित वाक्य रचना है - रिटर्निंग टाइप प्रॉपर्टी olObject.type सेटिंग प्रकार एक चरित्र के लिए olObject.type = ‘1|a|A|i|I’ आइए एक उदाहर

  1. एचटीएमएल डोम घटना प्रकार संपत्ति

    HTML DOM इवेंट टाइप प्रॉपर्टी इवेंट के प्रकार जैसे क्लिक, कीप्रेस, लोड या टचएंड के अनुरूप एक स्ट्रिंग लौटाती है। निम्नलिखित वाक्य रचना है - ट्रांज़िशन चलने वाले सेकंड की वापसी संख्या - event.type आइए ईवेंट प्रकार . का एक उदाहरण देखें संपत्ति - उदाहरण <!DOCTYPE html> <html> <head>