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

HTML DOM lastElementChild प्रॉपर्टी

<घंटा/>

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

नोट - यह गुण टेक्स्ट और टिप्पणी नोड्स को अनदेखा करता है

सिंटैक्स

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

LastElementChild नोड लौटा रहा है

nodeList.lastElementChild

उदाहरण

आइए HTML DOM lastElementChild . के लिए एक उदाहरण देखें संपत्ति -

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM lastElementChild</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
   ul{
      width: 30%;
      margin: 0 auto;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>HTML-DOM-lastElementChild</legend>
<h3>Grocery Store</h3>
<ul id="dayList">
<li>Monday</li>
<li>Tuesday</li>
<li>Wednesday</li>
<li>Thursday</li>
<li>Friday</li>
<li>Saturday</li>
<li>Sunday</li>
</ul>
<input type="button" onclick="getTimmings()" value="Get Sale Day">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var dayList = document.getElementById("dayList");
   function getTimmings() {
      divDisplay.textContent = 'Sale on last day of week: '+dayList.lastElementChild.textContent;
   }
</script>
</body>
</html>

आउटपुट

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

'बिक्री दिवस प्राप्त करें' . क्लिक करने से पहले बटन -

HTML DOM lastElementChild प्रॉपर्टी

‘बिक्री दिवस प्राप्त करें’ . पर क्लिक करने के बाद बटन -

HTML DOM lastElementChild प्रॉपर्टी


  1. HTML DOM नेक्स्टसिबलिंग प्रॉपर्टी

    HTML DOM नेक्स्टसिब्लिंग प्रॉपर्टी उस एलिमेंट नोड को लौटाती है जो निर्दिष्ट एलिमेंट नोड का तुरंत अनुसरण कर रहा है। नोट:यह गुण टेक्स्ट और टिप्पणी नोड्स को अनदेखा नहीं करता है। निम्नलिखित वाक्य रचना है - अगला सिबलिंग नोड लौट रहा है nodeList.nextSibling आइए हम HTML DOM nextSibling का एक उदाहरण देखे

  1. HTML DOM नेक्स्टएलिमेंटसिबलिंग प्रॉपर्टी

    HTML DOM nextElementSibling प्रॉपर्टी उस एलिमेंट नोड को लौटाती है जो निर्दिष्ट एलिमेंट नोड का तुरंत अनुसरण कर रहा है। नोट:यह गुण टेक्स्ट और टिप्पणी नोड्स को अनदेखा करता है। निम्नलिखित वाक्य रचना है - nextElementSibling नोड लौटा रहा है nodeList.nextElementSibling आइए हम HTML DOM nextElementSiblin

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

    HTML DOM textContent प्रॉपर्टी नोड और उसके सभी चाइल्ड नोड्स के टेक्स्ट (व्हाट्सएप सहित) के अनुरूप स्ट्रिंग लौटाती/सेट करती है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान Node.textContent यहां, वापसी मूल्य निम्नलिखित हो सकता है - दस्तावेज़ नोड्स के लिए शून्य निर्दिष्ट नोड और उसके सभी चाइल्