What is DOM | Document Object Model | Beginner Tutorial

website - automationstepbystep.com/
What is Document Object Model
Why do we need it
How to use DOM
Demo & Examples
Represents the content of xml or html document as tree structure
Can easily read, access, update the contents of the document
Is a programming interface (API)
All XML elements can be accessed through the XML DOM
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
This code retrieves the text value of the first title element in an XML document
The Document Object Model (DOM) is a programming interface for HTML and XML documents
It represents the page in a tree structure so that programs can read, access and change the document structure, style, and content
The DOM is an object-oriented representation of the web page, which can be modified with a scripting language such as JavaScript.
Every web browser uses some document object model to make web pages accessible via JavaScript
References
docs.microsoft.com/en-us/dotn...
www.w3schools.com/xml/xml_dom...
software.hixie.ch/utilities/j...
Join Automation Step By Step channel: kzbin.info...
Udemy Discounts - automationstepbystep.com/udem...
Every LIKE & SUBSCRIPTION gives me great motivation to keep working for you
You can support my mission for education by sharing this knowledge and helping as many people as you can
If my work has helped you, consider helping any animal near you, in any way you can.
_______ ONLINE COURSES TO LEARN _______
automationstepbystep.com/onli...
GitHub - github.com/Raghav-Pal/
Udemy - www.udemy.com/user/raghav-pal-3/
Training by Raghav at your venue - [e-mail]
Training schedule - automationstepbystep.com/trai...
----------- UI TESTING -----------
Selenium Beginners - bit.ly/2MGRS8K
Selenium Java Framework from Scratch - bit.ly/2N9xvR6
Selenium Python - bit.ly/2oyMp5x
Selenium Tips - bit.ly/2owxc50
Selenium Builder - bit.ly/2MKNtlq
Katalon Studio - bit.ly/2wARFdi
Robot Framework with RIDE- bit.ly/2Px6Ue9
Robot Framework with Eclipse - bit.ly/2N8DZxb
Protractor - bit.ly/2KtqVkU
TestProject - bit.ly/2DRNJYE
----------- API TESTING -----------
Web Services (API) - bit.ly/2MGafL7
SoapUI - bit.ly/2MGahmd
Postman - bit.ly/2wz8LrW
General - bit.ly/2PYdwmV
Katalon Studio API Testing - bit.ly/2BwuCTN
----------- MOBILE TESTING -----------
Appium - bit.ly/2ZHFSGX
Mobile Playlist - bit.ly/2PxpeUv
----------- CI | CD | DEVOPS -----------
Jenkins Beginner - bit.ly/2MIn8EC
Jenkins Tips & Trick - bit.ly/2LRt6xC
Docker - bit.ly/2MInnzx
Kubernetes - bit.ly/2MJIlMK
------------VIRTUALISATION------------
Virtualization on windows - bit.ly/2SItIL9
----------- VERSION CONTROL SYSTEM -----------
Git & GitHub - bit.ly/2Q1pagY
GitLab - bit.ly/2kQPGyQ
----------- PERFORMANCE TESTING -----------
JMeter Beginner - bit.ly/2oBbtIU
JMeter Intermediate - bit.ly/2oziNVB
JMeter Advanced - bit.ly/2Q22Y6a
JMeter Tips & Tricks - bit.ly/2NOfWD2
Performance Testing - bit.ly/2wEXbLS
----------- PROGRAMMING -----------
Java Beginners - bit.ly/2PVUcXs
Java Tips & Tricks - bit.ly/2CdcDnJ
GROOVY - bit.ly/2FvWV5C
JAVASCRIPT - bit.ly/2KJDZ8o
PYTHON - bit.ly/2Z4iRye
----------- IDE -----------
Visual Studio Code - bit.ly/2V15yvt
----------- BUILD TOOLS -----------
Maven - bit.ly/2NJdDRS
Gradle - bit.ly/30l3h1B
----------- OTHERS -----------
Redis- bit.ly/2N9jyCG
Misc - bit.ly/2Q2q5xQ
Tools & Tips - bit.ly/2oBfwoR
QnA Friday- bit.ly/2NgwGpw
Sunday Special - bit.ly/2wB23BO
Ask Raghav - bit.ly/2CoJGWf
Interviews - bit.ly/2NIPPxk
All Playlists - bit.ly/2LSiezA
---------- Connect with Raghav -----------
Website - automationstepbystep.com/
LifeCharger - lifecharger.org/
Udemy Courses - www.udemy.com/user/raghav-pal-3/
Facebook - / automationstepbystep
Twitter - / learnwithraghav
KZbin - / automationstepbystep
Never Stop Learning
Raghav

[@benefleckcumberston5793]

Every time I start learning the basic concept of some coding stuff, there is always a kind Indian guy who explain it in a very clear way! Thank you!

[@RaghavPal]

Most welcome

[@zvisger]

@Automation Step by Step thank you random smart Indian guy!

[@codingprograms2078]

Facts 😂

[@paweellwart3445]

I'm amazed, was just lying on my couch and wanted to watch some short video on DOM, I've already spent some time on other quite long DOM courses and after several minutes of this video I fully understand everything. Was not expecting how good this will be, just WOW! Thank you 🤟🙏

[@RaghavPal]

Wow, thank you!

[@hassanlearning4086]

Understanding web technologies as a beginner can be challenging, but you have made it simple. Thank you!

[@RaghavPal]

Glad it was helpful Hassan

[@JamesScottGuitar]

I've been learning about this stuff just out of curiosity. This is a fantastic explanation! Thank You! 🙏

[@RaghavPal]

Most welcome James

[@nanaishmw4914]

Me too

[@homeofcreation]

Best explanation of the DOM ever, and all you need, really, in less than 7 minutes. Great Job Raghav.

[@RaghavPal]

Thanks

[@wwill43311]

I have watched five or so videos on DOM and your video has provided the best explanation of DOM.

[@RaghavPal]

Thanks a lot Will, humbled

[@spidersiri104]

i´m subscribing to this channel cuz i learned from one video, what i wasn´t able to learn in hours watching another videos! Thx man, your didactic is amazing!

[@RaghavPal]

Great to know this. Humbled. Thanks

[@SubhrosTravelouge]

This is the best explanation anyone can have in such simple way and in less than 10 minutes. Wow man, just amazing. Superb! Keep going bro.♥♥

[@RaghavPal]

Thanks for watching

[@flaviusfotea92]

True, I am amazed how simple he made it sound. I tried different blogs but none has been so clear as this video.

[@oscarpirateman]

Super simple explanation, thanks for explaning this in such a clear way.

[@RaghavPal]

Most welcome Oscar

[@cavelord69]

Thank you so much! The way my school explained it was crazy hard! You earned a sub!

[@RaghavPal]

Awesome! Thank you!

[@ashwinsasidharan9817]

I have been following one of the best online courses for JavaScript but you have explained DOM with a level of clarity i couldn't get from my online lectures. thanks .

[@RaghavPal]

Great to know this Ashwin.. thanks

[@mahdip633]

You Indians are gods of teaching things in the simplest terms. Thank you!

[@RaghavPal]

Thanks for the kind words

[@user-rg7ec9cn7d]

You explained this so well ! Thank you! I did not understand this until I watched your video. Now I will watch others . Thank you again.

[@RaghavPal]

Thanks for watching .. humbled

[@RKT1988]

Thank you so much for this video... i have been trying to understand DOM and so far, this is the best explanation i came across :)

[@RaghavPal]

so happy to know this Ragini

[@maxxpellowski2916]

You are a GREAT teacher, my friend. Thanks for the video. Subscribed and the notification bell is ticked.

[@RaghavPal]

Thanks a lot Maxx

[@user-dc7oj3el7o]

The best explanation ever on DOM. Thanks!

[@RaghavPal]

most welcome

[@nanaishmw4914]

Definetly

[@towbbie]

thanks, i now understand what DOM is, this explanation is very easy to digest, appreciate that brother

[@RaghavPal]

Most welcome

[@robertwright2080]

Very good. I knew nothing about it and now I can explain it and show examples because of this video....

[@RaghavPal]

Robert so happy to know this helped.. keep learning

[@mohammadhabib8334]

Simple, precise and very insightful. Thanks Raghav

[@RaghavPal]

Most welcome!

[@thinkandrepent3175]

Thank you so much for this clear and concise. Summary of The document object model

[@RaghavPal]

Glad it was helpful

[@maheshgupta2389]

This video made three years ago but this works in 2024 . Indian concept is super cool 😎

[@RaghavPal]

So happy to know this Mahesh.. thanks

[@MohammedKhan-qm1lr]

Excellent tutorial no bullshit and straight on point. Thank you so much

[@RaghavPal]

Thanks Yousuf

[@talkathiriify]

Excellent and simple explanation Thank you very much.

[@RaghavPal]

Most welcome Tarik

[@giulia6930]

Thank you very much man ❤💯 Perfect and clear explanation!

[@RaghavPal]

You're welcome!

[@tarvinder91]

Amazing video. I understood everything in just one go!

[@RaghavPal]

Glad to know Tarvinder

[@sankalpsharma6473]

@Tarvinder Singh bhai lekin ye (DOM) faaltu hi hai ek tareeke se matlb bas kissi element ko call karna ho ya HTML ko tree structure m convert karna ho.......isske alawa iska kuch aur kaam b hai ??

[@kirthikas1896]

You became one of my fav teacher in youtube ❤️

[@RaghavPal]

I am so grateful Krithika

[@divyesingh4329]

Watched million subs youtubers but the way u explained unbelievable.

[@RaghavPal]

So happy & humbled to see your message

[@sandiacgaming2934]

best understandable video ever i watched about DOM, Thanks

[@RaghavPal]

Glad it was helpful

[@yoursclhelper]

Keep the lessons going. That cleared things up for me.

[@RaghavPal]

Glad to hear it Raj

[@weihaozhang9160]

Thank you so much! Your explanation is very clear!

[@RaghavPal]

You are welcome Weihao

[@genniecummings3724]

Thank you!!!! You explained it so simple for a newbie like myself!

[@RaghavPal]

Glad it was helpful Gennie

[@engineeringstudent7572]

Thank You Sir, Very very simply explained.

[@RaghavPal]

You are most welcome

[@mballyzungu7241]

Simply AMAZING, thank you so much!

[@RaghavPal]

You're very welcome!

[@user-bm9tn9vz8h]

I am amazed! So well-explained!

[@RaghavPal]

Glad it was helpful Suchira

[@mohammadbabaei4903]

Well explained in such a clear way! Thanks

[@RaghavPal]

Thanks a lot

[@svergurd3873]

Very good explanation. It became really clear. Thank you!

[@RaghavPal]

Most welcome

[@delucca2250]

Thanks a lot for share with us in such a clear way!

[@RaghavPal]

Most welcome

[@vegankitchenrecipes]

Our neighbors are very talented with programming . Love from Sri Lanka

[@RaghavPal]

Thanks

[@shanlu7572]

super nice! Thank you so much for your explanation!

[@RaghavPal]

You're very welcome Shan Lu

[@raghavendraviswanath6419]

very neat and easy to understand explanation. Thanks for the video

[@RaghavPal]

You are welcome!

[@lagutinskiy]

Finally got it. Many thanks!

[@RaghavPal]

Most welcome Vladimir

[@juniorWeb247]

such a wonder full explanation. God bless you brother, really help full for me.

[@RaghavPal]

Glad to hear that Deepinder

[@techany671]

oooh my this is A VERRRRRRRRRY TRANSPARENT explanation cool man keep it up.

[@RaghavPal]

Glad you liked it!

[@techany671]

@@RaghavPal cool I get it, can I find you in any of these social media platforms as in by your username 😀 kindly if there is .Thanks man keep it for the good job you are doing.

[@licioussamuels]

The indian KZbinr is really helpful

[@RaghavPal]

Happy to hear this Samuel

[@bolbolinfosec1376]

you are great teacher bro , big thanks

[@RaghavPal]

So nice of you

[@galaxysamsung3320]

Excellent video, thank you Sir!

[@RaghavPal]

Glad you enjoyed it!

[@nanaishmw4914]

Thank you sir

[@sarveshpadwalkar664]

Very nicely explained sir, Thank you.

[@RaghavPal]

You're welcome Sarvesh

[@EmiCiappi]

What a good channel I have found! I am learning js, but also I want to improve my automations skills with selenium

[@RaghavPal]

Welcome aboard Emi

[@richardrobinson3105]

Good explanation Mr, Thank you!

[@RaghavPal]

Glad it was helpful!

[@irlonterblanche1639]

Great explanation! Thank you!

[@RaghavPal]

Glad it was helpful!

[@marigunnerhaha]

Thank you! I enjoyed this sooo much, and I learned so much so much, much. thank you. so much, so much, much, muc

[@RaghavPal]

most welcome

[@rcasturi55]

Thank you so much. It is the ice breaker

[@RaghavPal]

Most welcome Narasimha

[@andreaszetea-ster900]

Thank you. Very well explained

[@RaghavPal]

Glad it was helpful!

[@Jaiemimoyu]

Thank you for your teaching

[@RaghavPal]

You are very welcome

[@Findingmysoul7]

Thanku sir this is really helpful to learn about DOM

[@RaghavPal]

Most welcome

[@mtg_07]

what an explanation

[@RaghavPal]

Glad it was helpful!

[@neilhess2518]

Really great explanation! Thank you!

[@RaghavPal]

You're very welcome!

[@emsity819]

man, I wish I could be smart enough to repair a old dom code I used to use a lot

[@RaghavPal]

I hope this will help

[@emsity819]

@@RaghavPal it helped me get the hang of it, but it will still be a long way to go until I fix the code. Thanks for the great tutorial!

[@PrinceKumar-eb8hd]

simple explaination....Thanks Raghav

[@RaghavPal]

You're most welcome Prince

[@higiniofuentes2551]

Thank you for this very useful video!

[@RaghavPal]

Thanks

[@544soujanya8]

Explained very well

[@RaghavPal]

Thanks

[@Kanikagupta0109]

so helpful thankyou so much sir!!!!!

[@RaghavPal]

Most welcome Kanika

[@ttone2330]

Very Good... Well put together informative video.

[@RaghavPal]

Glad you liked it!

[@priyamvashi2187]

Thank you.. clear explanation

[@RaghavPal]

Glad it was helpful Priyam

[@StevenSchmidtSnr]

Great simple explanation 👍Thanks Raghav

[@RaghavPal]

Most welcome Steven

[@umarkhan-ey7dx]

Fantastical explanation!❤

[@RaghavPal]

Thanks Umar

[@atreyiyer7822]

This is very useful because I'm learning to code

[@RaghavPal]

Glad I could help

[@davidralte4572]

Thankyou for explaining

[@RaghavPal]

Glad it helped David

[@faithtay1234]

Thank you for the video! It helped me understand what the DOM is about as a beginner. I would like to ask, at 4:20, why is there a need to add in .childNodes[0] when there are no child nodes to title? What is .childNodes[0] pointing at?

[@RaghavPal]

Hi Faith, it should point to the childNode at first position of that parameter, I will try to add more examples

[@nanaishmw4914]

It was super helpful, thanks

[@gaurav5183]

Best explanation in internet

[@RaghavPal]

Happy & Humbled to see this. Thanks Gaurav

[@sapnadevda7061]

Thank u sir . The way written in my book was so boring but u made it interesting 🥺🙃

[@RaghavPal]

Most welcome 😊

[@Jason-zj7ex]

Sir, You are a Legend !!!

[@RaghavPal]

Thanks a lot Jason, humbled

[@felipesuarez4820]

Very good video thank you so much.

[@RaghavPal]

You are welcome!

[@sohamajgaonkar3119]

Superb. Nicely Explained

[@RaghavPal]

Thanks Soham

[@sjp0077]

Aboustley fabulous explanation sir

[@RaghavPal]

Thanks Joseph

[@ShubhamMishra-mz4zw]

Thank you so much. I have heard this term for the first time but couldn't understand what exactly does this mean.

[@RaghavPal]

Most welcome Shubham

[@nanaishmw4914]

Me too

[@nitroman8929]

Excellent and much needes thanks..

[@RaghavPal]

You're most welcome

[@madhu1005]

thank you, really helpful. It is really helpful to us if you make a series of tutorials. Also I don't fine any list of vedios from playlist DOM series. Kindly share the play list link

[@RaghavPal]

HI Madhu, can find all here - automationstepbystep.com/

[@HowTo-lc2rp]

Awesome 😎👍 Raghav Sir.

[@RaghavPal]

Thanks

[@vipindimri2351]

Simply awesome

[@RaghavPal]

Most welcome Vipin

[@codeymaze.]

Thank you for this ❤️

[@RaghavPal]

You're so welcome!

[@weewooweewoo3175]

thank you for the explanation

[@RaghavPal]

You are welcome!

[@patilpreethi5423]

Simply super sir

[@RaghavPal]

Thanks Preethi

[@fantashio]

Cool. Keep it up!

[@RaghavPal]

Thanks for watching

[@cse-d_5g5_karthik55]

thank you very helpful

[@RaghavPal]

Most welcome

[@souravnaik6355]

Great Explanation !!

[@RaghavPal]

Thanks Sourav

[@francisdominicbermas2648]

Thank you! You explained the concept and application simply and easy to understand.

[@RaghavPal]

Glad it was helpful Francis

[@gulinatayier9049]

THANK YOU SO MUCH!!!

[@RaghavPal]

Most welcome Gulgina

[@tahataha1408]

thanks man that was awesome!!

[@RaghavPal]

Most welcome

[@SriRam-fn6tx]

Awesome explanation!!!

[@RaghavPal]

Thanks for watching Sri Ram

[@gamingcroctv4523]

Thank you sir!

[@RaghavPal]

Most welcome

[@sVenkatrao]

Super explanation sir

[@RaghavPal]

Most welcome Venkat

[@ajaysagar6621]

great explaination sir tq

[@RaghavPal]

You're most welcome Ajay

[@un9305]

Superb explanation

[@RaghavPal]

Thank you 🙂

[@MiataGuy81]

Great video, thanks

[@RaghavPal]

Glad you liked it

[@voidhistorian]

Thank You, Sir

[@RaghavPal]

You are most welcome Arsh

[@ghaznfarhassan5880]

I can't see before DOM lec simple and easy

[@RaghavPal]

Thanks for watching

[@juancaca1993]

Amazingly explained!!!!! new sub ^^

[@RaghavPal]

Awesome, thank you!

[@sirishakollati1884]

Nice explanation sir

[@RaghavPal]

Thanks and welcome

[@baderalrahamneh8671]

Perfect 💡

[@RaghavPal]

Thanks Bader