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

HTML DOM सेलेक्ट रिमूव () मेथड

<घंटा/>

HTML DOM सेलेक्ट रिमूव () विधि एक HTML दस्तावेज़ में ड्रॉप-डाउन सूची से एक नया विकल्प निकालती है।

सिंटैक्स

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

object.remove(index)

यहां, इंडेक्स उस विकल्प के इंडेक्स का प्रतिनिधित्व करता है जिसे ड्रॉप-डाउन सूची से हटाया जाना है।

उदाहरण

आइए 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;
      font-weight:bold;
      padding:2px;
      margin:1rem auto;
      outline:none;
   }
   .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 remove() method Demo</h1>
<p>Hi, Select your favourite subject:</p>
<select class='drop-down' name="Drop Down List">
<option>Physics</option>
<option>Biology</option>
<option>Maths</option>
</select>
<button type="button" onclick="addSubject()" class="btn">Remove Physics Subject</button>
<div class="show"></div>
<script>
   function addSubject() {
      var dropDown = document.querySelector(".drop-down");
      document.querySelector(".show").innerHTML="Removed Physics Subject";
      dropDown.remove(0);
   }
</script>
</body>
</html>

आउटपुट

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

HTML DOM सेलेक्ट रिमूव () मेथड

भौतिकी विषय निकालें . पर क्लिक करें ड्रॉप-डाउन सूची में पहले विषय को हटाने के लिए, जो अभी "भौतिकी" है:

HTML DOM सेलेक्ट रिमूव () मेथड


  1. HTML DOM में विशेषताएँ () विधि है

    HTML DOM में एट्रिब्यूट्स () विधि यह जांचती है कि किसी तत्व में कोई विशेषता है या नहीं। यदि तत्व में कोई विशेषता है तो यह सही है और यदि नहीं है तो यह गलत है। यदि इस विधि को तत्व नोड के अलावा किसी अन्य नोड पर कहा जाता है, तो लौटाया गया मान हमेशा गलत होगा। सिंटैक्स hasAttributes() विधि के लिए सिंटैक्

  1. एचटीएमएल डोम फोकस () विधि

    HTML तत्व पर फ़ोकस देने के लिए HTML DOM फ़ोकस () विधि का उपयोग किया जाता है। सभी HTML तत्वों पर फ़ोकस लागू नहीं किया जा सकता है। उदाहरण के लिए:आप टैग पर फ़ोकस नहीं कर सकते। किसी तत्व से फ़ोकस हटाने के लिए ब्लर () विधि का उपयोग करें। सिंटैक्स निम्नलिखित वाक्य रचना है - HTMLElementObject.focus() उदा

  1. एचटीएमएल डोम टेक्स्टारिया चयन () विधि

    HTML DOM Textarea चयन () विधि HTML दस्तावेज़ में टेक्स्ट क्षेत्र की सामग्री का चयन करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - object.select() आइए HTML DOM Textarea का एक उदाहरण देखें () विधि - उदाहरण <!DOCTYPE html> <html> <style>    body {       color: