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 DOM Scripting By Example Editing and Filtering Names Saving Names

Israel Hernandez
seal-mask
.a{fill-rule:evenodd;}techdegree
Israel Hernandez
Full Stack JavaScript Techdegree Student 3,947 Points
Posted by Israel Hernandez
.a{fill-rule:evenodd;}techdegree
Israel Hernandez
Full Stack JavaScript Techdegree Student 3,947 Points

Why do we need the li.insertBefore(span, input); ?

I do not understand the purpose of putting the insertBefore method to replace the current input.

2 Answers

Steven Parker
Steven Parker
231,236 Points
Steven Parker
Steven Parker
231,236 Points

The insertBefore method is primarily just a way to add the new element to the DOM, and it has the benefit of allowing it to be placed directly before the element that is about to be removed.

Then when the other element is removed, you can be certain that the new one is in exactly the same spot in the DOM arrangement where the other one was previously.

Brian Burkard
Brian Burkard
5,771 Points
Brian Burkard
Brian Burkard
5,771 Points

I used replaceChild https://developer.mozilla.org/en-US/docs/Web/API/Node/replaceChild

seems to work fine.