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

HTML DOM पिछलासिबलिंग प्रॉपर्टी

<घंटा/>

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

सिंटैक्स

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

node.previousSibling

उदाहरण

आइए हम पिछली सिबलिंग संपत्ति का एक उदाहरण देखें -

<!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:50%;
      border:2px solid #fff;
      font-weight:bold;
      padding:8px;
   }
   ul{
      list-style-type: none;
      padding:0;
   }
   .btn{
      background:#0197F6;
      border:none;
      height:2rem;
      border-radius:2px;
      width:50%;
      margin:2rem auto;
      display:block;
      color:#fff;
      outline:none;
      cursor:pointer;
   }
   .show{
      font-size:1.5rem;
      font-weight:bold;
   }
</style>
</head>
<body>
<h1>DOM previousSibling Property Demo</h1>
<p>Hi, My favourite subjects are:</p>
<ul>
<li>Physics</li>
<li id="chemistry">Chemistry</li>
<li>Maths</li>
<li>English</li>
</ul>
<button class="btn" onclick="showSibling()">Show Previous Sibling Of Chemistry</button>
<div class="show"></div>
<script>
   function showSibling() {
      var chemistry= document.querySelector("#chemistry");
      document.querySelector(".show").innerHTML=chemistry.previousSibling.innerHTML;
   }
</script>
</body>
</html>

आउटपुट

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

HTML DOM पिछलासिबलिंग प्रॉपर्टी

नीला . पर क्लिक करें रसायन सूची आइटम के पिछले भाई को पाने के लिए बटन।

HTML DOM पिछलासिबलिंग प्रॉपर्टी


  1. एचटीएमएल डोम ऑफसेटविड्थ संपत्ति

    HTML DOM ऑफ़सेटविड्थ प्रॉपर्टी एक तत्व की चौड़ाई के अनुरूप संख्या लौटाती है, जिसमें उसकी पैडिंग, बॉर्डर और स्क्रॉलबार शामिल हैं, लेकिन उसका मार्जिन नहीं। निम्नलिखित वाक्य रचना है - वापसी संख्या मान HTMLelement.offsetWidth आइए एक उदाहरण देखें HTML DOM ऑफसेटविड्थ संपत्ति - उदाहरण <!DOCTYPE html&

  1. HTML DOM ऑफ़सेटपैरेंट प्रॉपर्टी

    HTML DOM ऑफ़सेटपैरेंट प्रॉपर्टी संदर्भित मूल तत्व लौटाती है जिससे चाइल्ड ऑफ़सेट परिभाषित किया गया है। निम्नलिखित वाक्य रचना है - रिटर्निंग संदर्भित ऑफसेट मूल तत्व HTMLelement.offsetParent आइए एक उदाहरण देखें HTML DOM ऑफ़सेट पैरेंट संपत्ति - उदाहरण <!DOCTYPE html> <html> <head> &

  1. एचटीएमएल डोम शीर्षक संपत्ति

    HTML DOM शीर्षक गुण HTML तत्व की शीर्षक विशेषता के मान के अनुरूप स्ट्रिंग देता है/सेट करता है। शीर्षक मान HTML तत्व पर मँडराते समय दिखाई देता है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान ElementOfHTMLObject.title शीर्षक सेट करें एक स्ट्रिंग मान के लिए ElementOfHTMLObject.title = string उ