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! While you're at it, check out some resources Treehouse students have shared here.
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
Mihalis Fthenos
11,919 PointsI 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>
<html>
<head></head>
<body>
<h1 id="full_name"><span class="first_name">Andrew</span> <span class="last_name">Chalkley</span></h1>
<script src="app.js"></script>
</body>
</html>
2 Answers
Ron McCranie
7,837 PointsThe 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
11,919 PointsAha! 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_ .