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

JavaScript Breaking on Events and Basic Stepping

karan Badhwar
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
karan Badhwar
Web Development Techdegree Graduate 18,135 Points
Posted by karan Badhwar
.a{fill-rule:evenodd;}techdegree seal-36
karan Badhwar
Web Development Techdegree Graduate 18,135 Points

listItem = checkbox.parentNode.parentNode; still returning Label Element 

listItem = checkbox.parentNode.parentNode;

After writing this in the console and moving after the step to refresh listItem, My listItem is still getting <label> element not <li>. Why is that?

2 Answers

Rohald van Merode
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Rohald van Merode
Treehouse Staff
Rohald van Merode
.a{fill-rule:evenodd;}techdegree
Rohald van Merode
Treehouse Staff

Hi karan karan

Have you hit return after writing that line in the console? This should return the list item in the console like so <li>...</li>. After that you can switch back to the Sources panel and click the "Step over to next function call" button again to make things update in the Sources panel.

Hope this helps 🙂

woodworth
seal-mask
.a{fill-rule:evenodd;}techdegree
woodworth
Front End Web Development Techdegree Student 19,831 Points
woodworth
.a{fill-rule:evenodd;}techdegree
woodworth
Front End Web Development Techdegree Student 19,831 Points

I just experienced this same issue. The console log update did not work when I tried to step through the code in the gray sidebox. However, I noticed there is an overlay with the step controllers in a light yellow box--above the large white box in the middle. When I update the code in Console and then use the step controls via the overlay, the code updated and I see the same action shown on the video. Again, gray side box did not work but using the step controls via the overlay shows the checkbox.parentNode.parentNode update and the border showing up.