Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Interactive Web Pages with JavaScript Selecting Elements and Adding Events with JavaScript Selecting Elements

Mihalis Fthenos
Mihalis Fthenos
11,919 Points

I don't know how to select an element with a class such as .last_name in an already selected id such as .full_name, JS

I can't find the code to switch the second span element in the h1 tag with the id #full_name...

var fullName = document.getElementById('full_name');
var lastName = document.getElementByClass('last_name');
<!DOCTYPE html>
<h1 id="full_name"><span class="first_name">Andrew</span> <span class="last_name">Chalkley</span></h1>

<script src="app.js"></script>

2 Answers

Ron McCranie
Ron McCranie
7,837 Points

The instructions say to select the 'second SPAN element' and assign it to the variable last_name. While your version would provide the same end result, it wants you to select the <span>

Use the method 'getElementsByTagName' Then narrow it down to only the second of the newly created array of span elements. Since arrays start with 0 the second one would be at the index of 1.

Take a look at this:

var fullName = document.getElementById('full_name');
var lastName = document.getElementsByTagName('span')[1];
Mihalis Fthenos
Mihalis Fthenos
11,919 Points

Aha! Thank you Ron. I was getting frustrated because I tried .getElementByTagName first, but I left out that all important (s) at the end of getElement_ .