Finding an HTML Element with JavaScript (Clip 12): Gentle Introduction to JavaScript

In a library, we can't read a book until we find that book. So too with our HTML elements. For our JavaScript code to read the value of an HTML element, we first need to find that element. Then we read the value from the found element.

We discuss three ways to find an HTML element on the page. Then find an element by its id attribute and locate a set of elements by their class attribute.

*Lesson Links*

*Content*
00:00 Finding an HTML element with JavaScript
00:38 getElementById()
00:53 getElementsByClassName()
01:09 querySelector()
01:53 Coding Along: Finding an HTML element
03:25 Demo: getElementById()
04:53 Demo: getElementsByClassName()
05:42 Demo: for...of loop
07:47 Found HTML elements
08:05 Key points

*Audience*
• Anyone new to JavaScript.
• Existing developers that use JavaScript, and want to understand more about its syntax and how to use it on the web.
• Students considering a programming or web development career.
• Creatives that want a give their web pages some interactivity.
• Those that manage or interact with web developers to better understand what JavaScript is and how it is used.

This is the sixth and final course of the "How to Become a Web Developer" series.

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
😊About Me
Hey! I'm Deborah Kurata
I'm a software developer and YouTube content creator. I speak at conferences such as VS Live and ng-conf. I write articles for freeCodeCamp. And I'm a Pluralsight author with courses in the top 10 most popular (out of 10,000+) over the past 5 years. For my work in support of software developers, I've been recognized with the Microsoft Most Valuable Professional (MVP) award, and I'm a Google Developer Expert (GDE).

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#dommanipulation #dominjavascript #javascriptdom #domjavascript #whatisdom #htmldomjavascript #getelementbyid #getelementbyidjavascript #javascript #javascripttutorial #javascriptcourse #javascriptprojects #javascriptproject #introductiontojavascript #learnjavascript #javascriptinthebrowser #kurata #beginners #code #learntocode #gettingstarted #programming #programmingbasics #programmer #learnprogramming #learnprogrammingonyoutube #development #developer