HTML DOM Element parentElement প্রতিভা

সংজ্ঞা ও ব্যবহার

parentElement প্রতিভাত ফলাফল সংক্ষিপ্ত নোডটির পিতৃ এলিমেন্ট

parentElement এবং parentNode পার্থক্যটি হল, যদি পিতৃ নোডটি একটি এলিমেন্ট নোড না হয় parentElement ফলাফল null：

document.body.parentNode; // ফলাফল <html> এলিমেন্ট
document.body.parentElement; // ফলাফল <html> এলিমেন্ট
document.documentElement.parentNode; // ফলাফল ডকুমেন্ট নোড
document.documentElement.parentElement; // ফলাফল null (html এর পিতৃ ELEMENT নোড নেই)

অধিকাংশ ক্ষেত্রে, কোন সম্পদের ব্যবহার করা তা গুরুত্বপূর্ণ নয়, কিন্তু parentNode যেটি সবচেয়ে জনপ্রিয়

এই প্রতিভাত সম্পূর্ণ রহল

HTML নোড এবং এলিমেন্ট

এখানে HTML DOM(ডকুমেন্ট ওবজেক্ট মডেল) এবং HTML ডকুমেন্ট হল যে নোডসমূহের সংকলন (কিংবা না) যারা সাব-নোডসমূহ ধারণ করে

নোডএটি এলিমেন্ট নোড, টেক্সট নোড এবং নোটস নোড

এলিমেন্টমধ্যের স্পেসও টেক্সট নোড

কিন্তু এলিমেন্ট শুধুমাত্র এলিমেন্ট নোড

সাব-নোড এবং সাব-এলিমেন্ট

childNodes ফলাফলসাব-নোড(এলিমেন্ট নোড, টেক্সট নোড এবং নোটস নোড)।

children ফলাফলসাব-এলিমেন্টকিন্তু টেক্সট এবং নোটস নোড)।

ভাই এবং এলিমেন্ট ভাই

ভাইভাই এবং বোন

ভাইএটি একই পিতৃ নোডকে ধারণকারী নোড (একই childNodes তালিকায়)。

এলিমেন্ট ভাইএটি একই পিতৃ নোডকে ধারণকারী এলিমেন্ট (একই children তালিকায়)。

উদাহরণ

উদাহরণ 1

লিস্ট এলিমেন্টের পিতৃ নোডের নাম পাওয়া হবে:

var x = document.getElementById("myLI").parentElement.nodeName;

আপনার নিজেই প্রয়োগ করুন

উদাহরণ 2

এই নোডটির ক্লিক করুন (span) তার পিতৃ নোডটির (div) লুকানো হবে:

<div>
  <span onclick="this.parentElement.style.display = 'none';">x</span>
</div>

আপনার নিজেই প্রয়োগ করুন

সংজ্ঞা

node.parentElement

ফলাফল

ধরন বর্ণনা
Element অবজেক্ট এটি নোডটির পিতৃ নোডের নাম দেয়
null যদি এই নোডটি কোন পিতৃ নোডকে না ধারণ করে।

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

element.parentElement এটি DOM Level 3 (2004) এর বৈশিষ্ট্য।

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

চ্রোম আইই এজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম আইই এজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন 9-11 সমর্থন সমর্থন সমর্থন সমর্থন