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:
document.getElementsByTagName('div')
document.getElementsByClassName('done')
document.getElementById('my-id')
document.querySelector('#my-id')
document.querySelectorAll('.classname')
Once you have selected an html element, you can modify it:
document.getElementById('my-id').innerHTML = "new html"
document.getElementById('my-id').className = "newclass otherclass"
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"
• Responsive Design Tutorial - Tips for...
~-~~-~~~-~~-~
On this page of the site you can watch the video online Javascript Selectors - Javascript Tutorial for Beginners With Examples with a duration of hours minute second in good quality, which was uploaded by the user LearnCode.academy 21 April 2015, share the link with friends and acquaintances, this video has already been watched 270,052 times on youtube and it was liked by 2 thousand viewers. Enjoy your viewing!
