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

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

<घंटा/>

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

सिंटैक्स

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

node.parentNode

उदाहरण

आइए हम पेरेंटनोड संपत्ति का एक उदाहरण देखें -

<!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 parentNode Property Demo</h1>
<p>Hi, Select your favourite subject:</p>
<select class='drop-down'>
<option>Physics</option>
<option>Maths</option>
<option>Chemistry</option>
<option>English</option>
</select>
<button onclick="showParent()" class="btn">Show parent of the option element</button>
<div class="show"></div>
<script>
   function showParent() {
      var dropDown = document.querySelector(".drop-down");
      var option=dropDown.options[dropDown.selectedIndex];
      var msg = document.querySelector(".show");
      msg.innerHTML="Parent element of option element is " + option.parentNode.nodeName + " element";
   }
</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