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

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

<घंटा/>

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

नोट - यह प्रॉपर्टी टेक्स्ट और कमेंट नोड्स को नज़रअंदाज़ नहीं करती है

सिंटैक्स

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

लास्टचाइल्ड नोड लौटा रहा है

nodeList.lastChild

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM lastChild</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-lastChild</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>
//Do not add whitespace before closing <ul> as lastChild will take whitespace as last child
<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.lastChild.textContent;
   }
</script>
</body>
</html>

आउटपुट

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

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

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

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

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


  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 उ