HTML DOM Element lastChild অ্যাট্রিবিউট

অর্থাৎ ও প্রয়োগ

lastChild অ্যাট্রিবিউট একটি নির্দিষ্ট নোডের শেষতম সাবনোডকে Node অ্যাট্রিবিউট হিসাবে ফিরিয়ে দেয়

lastChild অ্যাট্রিবিউটটি শুধুমাত্র পড়তে দেয়

মন্তব্য:

lastChild ফিরিয়ে দেয় হল এই সাবনোডগুলি: ইলেকট্রনিক নোড, টেক্সট নোড বা মন্তব্য নোড

ইলেকট্রনিক মধ্যের স্থানটি টেক্সট নোডও

অপশনসমূহ:

lastElementChild অ্যাট্রিবিউট - lastElementChild অ্যাট্রিবিউট শেষতম সাবইলেকট্রনিক ফিরিয়ে দেয় (নথিপত্র এবং মন্তব্য নোডগুলি নিষিদ্ধ)

অন্যান্য দেখুন:

childNodes অ্যাট্রিবিউট

firstChild অ্যাট্রিবিউট

nextSibling অ্যাট্রিবিউট

previousSibling অ্যাট্রিবিউট

নোড অ্যাট্রিবিউট

parentNode অ্যাট্রিবিউট

nodeName অ্যাট্রিবিউট

nodeType অ্যাট্রিবিউট

nodeValue অ্যাট্রিবিউট

HTML নোড এবং ইলেকট্রনিক

একটি HTML DOM(ডকুমেন্ট ওবজেক্ট মডেল)-এ, HTML ডকুমেন্ট হল সাবনোডগুলির সমাবেশ (কিংবা না)

কন্টেন্টইলেকট্রনিক নোড, টেক্সট নোড এবং মন্তব্য নোড

ইলেকট্রনিকমধ্যের স্থানটি টেক্সট নোডও

ইলেকট্রনিক কেবল ইলেকট্রনিক নোড

সাবনোডগুলি এবং সাবইলেকট্রনিক

childNodes ফিরিয়ে দেয়সাবকণ্টেন্ট(ইলেকট্রনিক নোড, টেক্সট নোড এবং মন্তব্য নোড)。

children ফিরিয়ে দেয়সাবকণ্টেন্ট(নথিপত্র এবং মন্তব্য নোডগুলি নয়)。

firstChild এবং firstElementChild

firstChild প্রথমটি ফিরিয়ে দেয়সাবকণ্টেন্ট(এলিমেন্ট নোড, টেক্সট নোড বা কমেন্ট নোড)。এলিমেন্টের মধ্যের স্পেসও টেক্সট নোড হিসাবে গণ্য করা হয়。

firstElementChild প্রথমটি ফিরিয়ে দেয়সাবকণ্টেন্ট(টেক্সট নোড ও কমেন্ট নোড ফিরিয়ে দেয় না)。

lastChild এবং lastElementChild

lastChild Return the lastসাবকণ্টেন্ট(এলিমেন্ট নোড, টেক্সট নোড বা কমেন্ট নোড)。এলিমেন্টের মধ্যের স্পেসও টেক্সট নোড হিসাবে গণ্য করা হয়。

lastElementChild Return the lastসাবকণ্টেন্ট(টেক্সট নোড ও কমেন্ট নোড ফিরিয়ে দেয় না)。

ইনস্ট্যান্স

উদাহরণ 1

Return the HTML content of the last child of the <ul> element:

document.getElementById("myList").lastChild.innerHTML;

আপনার নিজেই চেষ্টা করুন

উদাহরণ 2

Get the text of the last child of the <select> element:

let text = document.getElementById("mySelect").lastChild.text;

আপনার নিজেই চেষ্টা করুন

উদাহরণ 3

এই উদাহরণ স্পেসের বিষয়ে প্রকাশ করে, প্রত্যাশিতভাবে "myDIV"-এর শেষ সাবকণ্টেন্ট কন্টেন্ট পাওয়া যায়:

<div id="myDIV">
  <p>Looks like first child</p>
  <p>Looks like last Child</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

আপনার নিজেই চেষ্টা করুন

উদাহরণ 4

কিন্তু, যদি আপনি সূত্র থেকে স্পেস সরিয়ে দেন, তবে "myDIV"-এ #text কন্টেন্ট নেই:

<div id="myDIV"><p>First child</p><p>Last Child</p></div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

আপনার নিজেই চেষ্টা করুন

সংজ্ঞা

element.lastChild

বা

node.lastChild

ফলাফল

ধরন বর্ণনা
কন্টেন্ট কন্টেন্টের শেষ সাবকণ্টেন্ট
null যদি কোনও সাবকণ্টেন্ট না থাকে

ব্রাউজার সমর্থন

element.lastChild এটি DOM Level 1 (1998) বৈশিষ্ট্য।

সমস্ত ব্রাউজারগুলি এটির সম্পূর্ণ সমর্থন করে:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
সমর্থন 9-11 সমর্থন সমর্থন সমর্থন সমর্থন