HTML DOM Element firstChild অ্যাট্রিবিউট
- পূর্ববর্তী পৃষ্ঠা dir
- পরবর্তী পৃষ্ঠা firstElementChild
- একত্রিভূত স্তরে ফিরে যান HTML DOM Elements অবজেক্ট
পরিভাষা ও ব্যবহার
firstChild অ্যাট্রিবিউট নির্দিষ্ট নোটের প্রথম সাব-নোটকে Node অবজেক্ট হিসেবে ফিরছে।
firstChild অ্যাট্রিবিউট অপসারণযোগ্য নয়।
firstChild অ্যাট্রিবিউট childNodes[0] একইভাবে
মনয়ন
firstChild প্রথম সাব-নোট অর্থাৎ: এলিমেন্ট নোট, টেক্সট নোট বা কমেন্ট নোট ফিরছে।
এলিমেন্টের মধ্যের স্পেসও টেক্সট নোট হয়।
উপায়:
firstElementChild অ্যাট্রিবিউট - firstElementChild প্রথম সাব-এলিমেন্ট অর্থাৎ: পাঠ ও কমেন্ট নোট নির্বিচ্ছিন্ন করে ফিরছে।
অন্যান্য উল্লেখ:
নোট অ্যাট্রিবিউট
ইনস্ট্যান্স
উদাহরণ 1
<ul> ইলিমেন্টের প্রথম সাব-এলিমেন্টের HTML কনটেন্ট অর্থাৎ:
document.getElementById("myList").firstChild.innerHTML;
উদাহরণ 2
<select> ইলিমেন্টের প্রথম সাব-এলিমেন্টের টেক্সট অর্থাৎ:
let text = document.getElementById("mySelect").firstChild.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").firstChild.nodeName;
</script>
উদাহরণ 4
কিন্তু, যদি আপনি সূত্র থেকে স্থান পদ মুছে দেন, তবে "myDIV"-এ #text নোড নেই:
<div id="myDIV"><p>First child</p><p>Last Child</p></div>
<script>
let text = document.getElementById("myDIV").firstChild.nodeName;
</script>
HTML নোড ও এলিমেন্ট
এখানে HTML DOM（ডকুমেন্ট ওবজেক্ট মডেল）-এ, HTML ডকুমেন্ট হল যেকোনও সাবকণার সমষ্টি যা (বা না) সাবকণা সহযোগীতা করে。
নোডএলিমেন্ট নোড, টেক্সট নোড ও কমেন্ট নোড
এলিমেন্টমধ্যের স্থান পদ টেক্সট নোডও হয়。
এলিমেন্ট কেবলমাত্র এলিমেন্ট নোড
সাবকণা ও সাববিভাগ
childNodes ফিরিয়ে দেয়সাবকণা（এলিমেন্ট নোড, টেক্সট নোড ও কমেন্ট নোড）。
children ফিরিয়ে দেয়সাববিভাগ（টেক্সট ও কমেন্ট নোড নয়）。
firstChild ও firstElementChild
firstChild প্রথমটিসাবকণা（এলিমেন্ট নোড, টেক্সট নোড বা কমেন্ট নোড）。এলিমেন্টের মধ্যে স্থান পদ টেক্সট নোডও হয়。
firstElementChild প্রথমটিসাববিভাগ（টেক্সট নোড ও কমেন্ট নোড ফিরিয়ে দেয় না）。
lastChild ও lastElementChild
lastChild শেষতমসাবকণা（এলিমেন্ট নোড, টেক্সট নোড বা কমেন্ট নোড）。এলিমেন্টের মধ্যে স্থান পদ টেক্সট নোডও হয়。
lastElementChild শেষতমসাববিভাগ（টেক্সট নোড ও কমেন্ট নোড ফিরিয়ে দেয় না）。
সংগঠন
element.firstChild
বা
node.firstChild
ফলাফল
| ধরন | বর্ণনা |
|---|---|
| নোড |
কৃত্রিম নোডের প্রথম সাবকণা。 যদি কোনও সাবকণা না থাকে, তবে null ফিরাবে。 |
ব্রাউজার সমর্থন
element.firstChild এটা DOM Level 1 (1998) বৈশিষ্ট্য।
সমস্ত ব্রাউজারগুলি এটা সম্পূর্ণভাবে সমর্থন করে:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| সমর্থন | 9-11 | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা dir
- পরবর্তী পৃষ্ঠা firstElementChild
- একত্রিভূত স্তরে ফিরে যান HTML DOM Elements অবজেক্ট
