Javascript Selectors - Javascript Tutorial for Beginners With Examples

Publié le: 21 avril 2015
sur la chaîne: LearnCode.academy
270,052
2k

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...  
~-~~-~~~-~~-~


Sur cette page du site, vous pouvez voir la vidéo en ligne Javascript Selectors - Javascript Tutorial for Beginners With Examples durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur LearnCode.academy 21 avril 2015, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 270,052 fois et il a aimé 2 mille téléspectateurs. Bon visionnage!