Javascript Selectors - Javascript Tutorial for Beginners With Examples

In this Javascript tutorial for beginners, we're going to be using Javascript selectors to access the DOM (document object model) and interact with our webpage in realtime. Selectors allow us to search for elements in the web page, get those html elements, and do things with them.

Selector methods are:

Once you have selected an html element, you can modify it:

Hopefully you liked this javascript tutorial for beginners with examples (hopefully you like every web development tutorial I crank out)
As you can see, selectors are powerful in Javascript and even if you're a javascript beginner, you can make any and every change to your web page.

-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
-~-~~-~~~-~~-~-

[hihi]

You have a GIFT of teaching!!!  Ive never been able to grasp javascript until following your tutorials. GOD BLESS YOU!!!!

[gabrielbarroso]

Awesome. One day I might send you a beautiful text because you certainly deserves one, I've been learning a lot since I found your channel: you're really good and efficient at explaining things. Please, keep this up.

[dustyford]

I was likely failing my JavaScript midterm until I spent a hour with your tutorials! Thank you, Sir!

[mikemire]

Hi there. Thanks for the great explanations!
if I write the Chrome console only prints HTMLCollection(2) [p, p.second]. How do I get it to print out the actual tags <p>Paragraph</p> and <p> class="second"> Paragraph .second </p> like in your video?

[SimPwear]

Thank you so much for these tutorials! I learn so much from you. You made me feel feel like a JavaScript Jedi. May the force be with you!!

[arashaadd]

I wish i could give people like my tuition fees because you guys deserve it completely. Thank you very much for your time and effort

[jimharding]

Thanks! This video was very understandable and totally suits beginners.

[grakin]

damn, if i would have got 4 years earlier into this web developing thing, with these vids i could have been a God now, that's crazy how useful they are, 4 years passed and 'you\'re vids' still helps people a lot. Good job!

[aoldatabase]

Thanks for all your videos, they have been more helpful than you will ever know!

[abhishekmuley]

This is by far the best tutorial for beginners out there. You sir, are awesome!

[thegoslyn]

Tutorial Very clear ... I do not "like" anything in social media ... but this video ... I actually liked it!!

[thegoonist]

1:22 why does my console not output an array but a list of the paragraphs?

[NzeluHub]

var language='English'
language
'English'
alert(language)
alert("I like your English easy to understand")

[johnjoseph]

Deepest Thanks to you. You are really awesome teacher your way of teaching is great.Once again thank you so much for giving us free and awesome JVS tutorial.

[scarecrovv]

I literally cannot wait for the next one in the series

[xudongzhang]

absolutely useful for a beginner!!! you are my first JS teacher!!!!thxss

[steveamos]

Awesome, I did the same code you used and continue the class, this is amazing

[tianshuma]

the former courses are all fine. but suddenly while watching this tutorial, i don't know what you talking about. i will keep on working. still thank you for all these.

[syedusmanahmed]

Super tutorial, it gives me confidence to use pure JavaScript instead of jQuery.

[readingplaylists]

Man thank you!! I've been learning JS for months and when I wanted to actually do something I couldn't cause for some reason the courses stopped at "how it works" and didnt include how to make it work on a webpage. Thanks