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 JavaScript Loops, Arrays and Objects Tracking Data Using Objects Accessing Object Properties

I do not undeerstand the meaning of this code(

I do not undeerstand the meaning of this code(( What is the difference between it and document.write() ?

function print(message) { var div = document.getElementById('output'); div.innerHTML = message; }

2 Answers

Steven Parker
Steven Parker
217,557 Points

There are several differences between these mechanisms, but two really stand out for me.

  1. Changing innerHTML on an element affects only that element. document.write appends text to the current state of the document, without reference to any particular element.
  2. Even more important, using document.write after a page is completely loaded will wipe out the original page completely and begin rebuilding it from scratch. But you can safely change innerHTML on an element anytime during the life of the page.