مفهوم childNodes و Siblings و parentNode در JavaScript :
در زبان برنامه‌نویسی جاوااسکریپت، مفاهیمی مانند childNodes، Siblings و parentNode بسیار مهم هستند. این مفاهیم به شما کمک می‌کنند تا به راحتی با ساختار DOM صفحات وب کار کنید و بتوانید بر روی المان‌های صفحه به صورت دقیقتر عمل کنید.
childNodes:
childNodes به مجموعه‌ای از المان‌های فرزند یک المان در ساختار DOM صفحه وب اشاره دارد. با دسترسی به این مجموعه، می‌توانید به صورت دقیقتر با المان‌های فرزند درون یک المان کار کنید. برای دسترسی به این مجموعه، می‌توانید از دستور زیر استفاده کنید:
“`javascript
var parent = document.getElementById(“parent”);
var children = parent.childNodes;
“`
در این مثال، ابتدا یک المان با شناسه parent را انتخاب کرده و سپس با استفاده از دستور childNodes، مجموعه‌ای از المان‌های فرزند آن المان را به دست می‌آوریم.
Siblings:
Siblings به المان‌هایی اشاره دارد که در ساختار DOM در سطح یکسان با یک المان قرار دارند. به عبارت دیگر، هر المان در ساختار DOM، دارای المان‌هایی است که در سطح یکسان با آن قرار دارند. این المان‌ها را siblings می‌نامیم. برای دسترسی به این المان‌ها، می‌توانید از دستور زیر استفاده کنید:
“`javascript
var sibling = document.getElementById(“sibling”);
var siblings = Array.from(sibling.parentNode.children);
“`
در این مثال، ابتدا یک المان با شناسه sibling را انتخاب کرده و سپس با استفاده از دستور parentNode، المان والد آن المان را به دست می‌آوریم. سپس با استفاده از دستور children، تمام المان‌های فرزند والد را به دست می‌آوریم. در نهایت با استفاده از دستور Array.from، مجموعه‌ای از المان‌های siblings را به دست می‌آوریم.
parentNode:
parentNode به المان والد یک المان در ساختار DOM صفحه وب اشاره دارد. با دسترسی به این المان، می‌توانید به صورت دقیقتر با المان‌های والد درون یک المان کار کنید. برای دسترسی به این المان، می‌توانید از دستور زیر استفاده کنید:
“`javascript
var child = document.getElementById(“child”);
var parent = child.parentNode;
“`
در این مثال، ابتدا یک المان با شناسه child را انتخاب کرده و سپس با استفاده از دستور parentNode، المان والد آن المان را به دست می‌آوریم.
به کمک مفاهیمی مانند childNodes، Siblings و parentNode، می‌توانید به صورت دقیقتر با ساختار DOM صفحات وب کار کنید و بتوانید بر روی المان‌های صفحه به صورت دقیقتر عمل کنید.
