JavaScript DOM - Children, Parent & Sibling Nodes | Sigma Web Development Course - Tutorial #67

[@CodeWithHarry]

Due to some personal work pressure, the video got delayed. Hope you are still enjoying this course. A lot is yet to come. Stay tuned 💗

[@3nriched500]

First like ❤

[@musicwale]

Sigma Batch OP ❤

[@InamKhan-b1h]

koi bate nahi harry bahi ap ko or bhi kam hota honga

[@allhindidubbedmovie367]

Harry bhai , I am having a lot of fun in this course , I have never had so much fun learning Any other course. Dil se thanks for this course harry bhai

[@SurajSharma-om9ze]

Harry bhai great thanks Bhai

[@darshjogi7377]

Harry bhai don't stop your efforts to make this sigma web development series to the next levels, because Many of the beginner are at the starting stage In this Playlist so please don't stop this series Harry bhai we know this series is worth more than the all paid courses. Not matter today or tomorrow but this series will achieve exponential growth in the near future because people begin to realize what this sigma web development series offers. 💯💯💯🔥🔥🔥🔥

[@Billionaire-wh5fp]

00:01 Learn to access parent and children nodes in JavaScript DOM and add styles to elements. 02:12 Learning to manipulate DOM elements with JavaScript 04:23 Accessing parent, children, and sibling nodes in the DOM 06:14 Accessing and manipulating child and sibling nodes in the DOM 08:02 Understanding text nodes and navigating through DOM elements 09:59 Accessing children, siblings, and parent nodes using JavaScript DOM methods 12:17 Learning about DOM elements and methods 14:15 Understanding DOM siblings and parent elements 16:06 Accessing and manipulating elements in a HTML table using JavaScript DOM 17:47 Advice on reading 'Walking the Dome' for better understanding

[@Sab5239]

First time dom tree ko, kisi ne itne achche se explain kiya h... Super amazing Sir 😊😊

[@Its__AnkitSahu]

11:23 sab clear hai....sab barobar hai

[@I-am-Mohid]

Let's make sigma course to whole new level with the end of year. Hates off to your efforts sir. Congratulations on reaching day/tut#67🎉

[@tps8470]

This course is truly amazing. Starting from scratch everything is covered to advanced level. Thanks Sir

[@zalimpubgm1088]

so much clean and clear way of explaining Harry bhai

[@ayushuniyal2586]

Just came here to. Motivate u harry sir. I am in 40 video. Just raise bar like anything with project

[@babloofans]

Yaha tak sab clear hy bhai❤

[@AJSTUDIO07]

harry bhai, this video also took my 4 to 5 hours to understand. because i am also creating my own notes. that why i requires time to write concepts which may get forget.

[@themenindark672]

This is very valuable course to every fresher, who is trying to learn full stack development. thank you harry bhai for such a fabulous course.

[@humayunahmad6306]

Harry bhai we know this series is worth more than the all paid courses. Not matter today or tomorrow but this series will achieve exponential growth in the near future because people begin to realize what this sigma web development series offers. 💯💯💯🔥🔥🔥🔥

[@Hafijur0211]

🎯 Key Takeaways for quick navigation: 00:00 🌐 *Overview of Node Access in JavaScript* - Overview of accessing Nodes, Parent, and Children in JavaScript. - Understanding how to target elements and add styles or manipulate elements within them. - Introduction to important concepts for web development. 00:29 📁 *Setting Up for Practical Implementation* - Creating a new folder for practical implementation in Visual Studio Code. - Emphasizing the practical relevance of the upcoming JavaScript concepts. - Setting the stage for working with elements and their relationships. 01:26 🌲 *Understanding Child Nodes and First Child* - Exploring child nodes within an element using `childNodes`. - Demonstrating the first child node and its significance. - Clarifying the difference between text nodes and element nodes. 02:45 📊 *Practical Example: Working with Child Nodes* - Implementing a practical example of working with child nodes. - Using JavaScript to manipulate the CSS properties of child nodes. - Showcasing the impact of inline CSS changes. 06:04 🗂️ *Navigating First and Last Element Children* - Discussing the significance of first and last element children. - Demonstrating how to access and manipulate the styles of these elements. - Emphasizing the importance of understanding the DOM tree structure. 07:27 📚 *Exploring Parent Nodes* - Introducing the concept of parent nodes in the DOM. - Demonstrating how to access the parent of a specific element. - Understanding the hierarchical relationship between elements. 09:50 ↔️ *Navigating Siblings with Previous Element Sibling* - Explaining the concept of siblings in the DOM. - Utilizing the `previousElementSibling` method to navigate to the previous sibling. - Clarifying the distinction between text nodes and element nodes in siblings. 11:46 🌐 *Exploring Element Nodes with Children* - Differentiating between child nodes and element nodes. - Utilizing the `children` method to exclusively target HTML element nodes. - Empowering developers to work selectively with element nodes. 13:43 ⬅️ *Navigating Previous Element Sibling Practically* - Practically implementing the `previousElementSibling` method. - Understanding how to navigate through element siblings in real-world scenarios. - Encouraging hands-on exploration of DOM navigation methods. 16:06 📊 *Practical Example: Working with Table Elements* - Applying DOM navigation methods to a practical scenario involving an HTML table. - Showcasing the usage of `rows` and `children` to target specific elements within a table. - Encouraging experimentation with various DOM methods. 17:58 📚 *Further Exploration and Learning* - Encouraging viewers to explore additional DOM methods related to tables. - Emphasizing the importance of reading "Walking the DOM" for a deeper understanding. - Previewing upcoming topics, such as targeting elements by ID and class. 18:32 🙌 *Conclusion and Next Steps* - Wrapping up the tutorial with gratitude. - Prompting viewers to access the playlist for continuity. - Teasing the content of the next video about targeting elements by ID and class. Made with HARPA AI

[@vikashalder2743]

#SigmaBatchOP #JavaScriptOP trip to - Walking The DOM. it's hard but i try my best to learn DOM

[@Instapost]

Never Disappointed❤❤❤

[@sastasangeetkaar]

This course is OP 👌 It's been 23 days and I'm here ... I never thought that these things could be explained so easily, although main abhi projects nhi bana paa rha hun 😅... But I am learning a lot , saare topics acche se cover krke ek baar phir projects pe try krunga . Thanks Harry Bhai ❤️... You really deserve this tag of "Bhai ❤️"

[@mayanksingh7229]

hello bhai

[@ZeeshanAli-kd1lp]

Code with harry is one of the best teacher in the programming world

[@neeraj72390]

#Harrybhai pichle wali playlist me jaha se nahi padhe the, is vedio se phir se suru kiya hai. SigmaWebDevlopment OP💥🤩

[@movehard1851]

❤️🙏 Sigma Batch OP ❤️🙏

[@aditya_kumar118]

Key Properties and Methods PROPERTY/METHOD DESCRIPTION parentNode--------------Gets the parent node. parentElement-------------Gets the parent element. childNodes--------------Returns all child nodes (elements + text nodes). children------------------Returns only child elements. firstChild-----------------Returns the first child (including text nodes). firstElementChild------Returns the first child element. lastChild-----------------Returns the last child (including text nodes). lastElementChild------Returns the last child element. nextSibling--------------Returns the next sibling (including text nodes). nextElementSibling---Returns the next sibling element. previousSibling--------Returns the previous sibling (including text nodes). previousElementSibling---Returns the previous sibling element.

[@regigigasgaming5874]

🔥 all clear Harry bhai 🙏

[@hiphop861]

Very happy and proud to be part of it! #SigmaBatchOp #JavaScriptOp

[@donbrad5079]

The Bg theme music is great ...... Content and editing at its best

[@kaa_sh_]

You literally solve my every problems ,related to coding, love you Harry ❤️

[@itsMohak]

Boht hi barhiya

[@hamzaadil2898]

love you Harry bhai sab clear hai sab brabar hai😍😘

[@atkt9387]

chakka hai kya bhai love u bol rha hai

[@muhammadwaeeem2349]

We are with you in this course at all amazing moments with Best Wishes

[@ali_thegamer981]

clear hai bhai concept sab barobar hai

[@teertharajturkar]

All clear concept harry bhai❤❤❤

[@meetbera007]

harry you doing well in the sigma web development crace course keep doing well we give us best and give you shout out after the job.

[@Amna.noor_]

11:23 sab clear hai... sab barabar hai

[@AnasRaj-m8p]

Sigma Batch op This course is is brillaian love you harry bhai from heart

[@ayushmaanraturi]

Tutorial - 67 Done ✅ #SigmaBatchOP #HarryBhai Thank you ❤ Harry bhai for this amazing course

[@bajabarshaikh2097]

All is clear❤

[@sajalgupta2204]

11:22 clear hai barabar hai harry bhai. #SigmaBatchOP

[@Priyanka-ec9gx]

Sigma batch op !! clear hai😇

[@GhulamMustafa-oh4bw]

#SigmaBatchOp #JavaScriptOp It is a best course in you tube to learn web development. #HarryBhai ❤

[@village-vlogs.404]

done brother i am also enjoyed this course

[@AwaisMughalFans]

11:22 Clear ha barabar ha 😎

[@KameshIsda]

thiscourseisthebestcourseofthewebdevelopment

[@SigmaCoder.]

Bhai Clear hai barabar hai..👍🏻

[@UmarWaliTech]

Sir I like so much you because mujhy ap ke videos say buhot Fida horha hai

[@notoppergamers1510]

sab barabar hey Sigma Batch Op🔥🔥🔥🔥🔥🔥🤞🤞🤞🤞🤞🤞❤❤❤❤

[@mr.rohan07]

"HARRY Bhai Zindabad " ❤‍🔥❤‍🔥🔥🔥

[@arthur_bell]

11:22 Harry Bahi sab barabar hai. #javascriptop #sigmabatchop

[@furious7346]

samajh aa gaya, thanks harry

[@SaGaR-is1jg]

mere school ke IT sir ne apke notes poori class ko baat rakhe hai

[@yyyyyyy852]

Clear hai barabor hai harry bhai

[@amit-jx5lh]

Harry vai, You are great. Lots of love and respect for your work❤🥰 from Nepal

[@Abdullah_Edit752]

11:24 sab clear hay harry bhai.

[@srijan_tripathi]

Sigma Batch OP!

[@SubiGamerzOfficials]

Love you carry Bhai Now the course id going in easy mode!!!

[@mohamadkaif3964]

Harry bhai you are great because you easily tech everything❤

[@5h4ddu]

We Trust You Harry Bhai Lots of Love❤‍🔥

[@princenagar1686]

11:21 barabar hai Harry bhai

[@saradagarwal1827]

Thank you Bhaiya ❤❤

[@ANGRY_SHIVA]

Sab clear hai bro Sab barobar hai

[@shakeel_developer-f7x]

11:21 clear hy barabar hy

[@learnerjetix]

11:22 Barabar hai Harry Bhaiya!

[@Snehajagade]

Sab clear hai barabar hai bhai

[@wroxtaar]

Sigma Web Development Course is OP!!!!!!!!!!!

[@rajkushwaha-gi8ry]

harry you are teching skills are very good, the way you tech to as

[@sudhanshuwalia07]

Sigma Batch OP

[@Macline007]

barabar hai harry bhai sigma batch op javascript op

[@saoirselabel]

next class meh padh aayenge hum !!!!

[@filmlatest8387]

Clear ha Barabar ha Harry Bhai

[@__Koustav__]

JaVaScript is really exciting 😍😍😍😍

[@Matrix29611]

11:21 Clear hai 👍 😊

[@LetsCode12046]

sab barabar || i am waiting for complete this course

[@uqabiofficial3693]

8:03 Wallah aisa hi Example mara dimagh ma bhi aya abhi😅

[@noumanjat5421]

Great herry bhi I love you❤

[@CodingAkashYT47]

clear hai harry bhaiya❤❤❤❤❤❤

[@garvahuja1194]

clear hai, barabar hai

[@praveshbhatt7042]

#JavascriptOP 🔥🔥🔥🔥

[@Jaideep01_]

Harry Bhai LOVE YOU !🥺🥺🥺🥺🥺

[@pancakekiller7639]

11:24 sab barabar hai

[@hargobindsingh9922]

Clear hai Harry Bhai!

[@ajityadav1251]

thanks harry sir for providing this valuable course free!❤#sigmabatchcop

[@Blood_Walker.98]

For real , man!

[@zuberkhan3050]

clear h barabar h 😅

[@umairabdullah9041]

Excited to make big projects with you❤

[@VG_2610]

11:22 - Clear hai Barabar hai

[@domingaming4286]

Barabar hai Harry bhai

[@Progamer57]

Clear h barabar h

[@Sfr339]

Harry bhai ❤❤❤❤

[@AbhishekSingh-wb3lr]

Sab barabar hai clear 🎉

[@prajapatiom1220]

kamal hai!

[@Maria-y3k1g]

Its helps mr aloot thanku harry bahi from Pakistan ❤

[@lakshyavyas4634]

Sigma Batch OP Java Script OP

[@ayan_biswas1234]

#sigmaBatchOp mane sara pdf dowmload korliya hay or may ab ouse por raha hu ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

[@hamzasiddiqui6156]

Harry bhai, ODOO pe bhi content banaiye Thank you

[@iam_aryann7]

Bhai Clear Hai, Barabar Hai

[@Beauty_salon56]

Previous all javascript lectures are boring and tought but i hope upcoming all lectures are intresting

[@unknown6032]

Please make some videos how to do interview preparation during these course and where and how to apply after completion of this course. Will this be sufficent . Please tell🙄🙄

[@PriyanshuSingh-ky8jt]

do some work my yourself bro

[@mohammedkhasim9554]

bhai clear hai barabar hai

[@Anshu_0.7]

11:20 bhai clear hai barabar hai

[@saifshamil4690]

Sigma batch op ❤From pak

[@chetansingh575]

barabar hai clear hai

[@animeshortsandvideo4662]

clear hai ,sab barabar hai

[@TechGeeks69]

harry bhai tum itni aasani se kaise padha sakte ho ye sab