Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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,836 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_ .