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 DOM Scripting By Example Improving the Application Code Refactor 1: Create List Items

Roudy Antenor
Roudy Antenor
4,124 Points

Why the <span> instead of textContent in the <li> ? What does Guil mean by TextContent and HTML behave differently?

Hi all, I bit confused. And having trouble understanding why we placed the <span> element inside of the <li> element to input and update text - could we have not used text content and continued to appendChild buttons etc.. to the <li>. Any clarification would be greatly appreciated!

Abhijit Das
Abhijit Das
5,022 Points

I think, as Guil Hernandez mentioned by creating span element we can modified the text during the edit and save process. However, TextContent only returns the textual content of the specified node, it doesn't create any element. For this reason I guess he used span.