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 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.