📌 Kirish

JavaScriptda elementlar orasidagi munosabatlarni boshqarish uchun parentElement, children, nextElementSibling, previousElementSibling kabi metod va xususiyatlar ishlatiladi. Ushbu darsda parent (ota), children (farzand) va sibling (aka-uka, opa-singil) elementlar bilan ishlash bo‘yicha tushunchalar va amaliy mashqlar beriladi.

🎯 1. parentElement – Ota Elementni Topish

✅ parentElement orqali elementning ota (parent) tugunini olish mumkin.

let child = document.getElementById("child");
let parent = child.parentElement;
console.log(parent); // Ota elementni chiqaradi

📌 Vazifa:

• Elementning ota elementini toping va unga "border" klassini qo‘shing.

🎯 2. children – Farzand Elementlarni Topish

✅ children orqali element ichidagi barcha farzandlarni olish mumkin.

let parentDiv = document.getElementById("parent");
let children = parentDiv.children;
console.log(children); // Farzand elementlar ro‘yxatini chiqaradi

📌 Vazifa:

• Barcha farzand elementlarning rangini o‘zgartiring.
• Birinchi va oxirgi farzandni alohida stil bilan belgilash funksiyasini yozing.

🎯 3. nextElementSibling va previousElementSibling – Aka-uka Elementlar

✅ nextElementSibling va previousElementSibling orqali bir xil darajadagi keyingi yoki oldingi elementni olish mumkin.

let current = document.getElementById("current");
let next = current.nextElementSibling;
let previous = current.previousElementSibling;
console.log(next, previous); // Keyingi va oldingi elementlar

📌 Vazifa: