Beginning JavaScript with DOM Scripting and Ajax, 2nd Edition

Chapter 4 ■ HTML and JavaScript
Figure 4-2. The DOM representation of a document illustrated in the Mozilla DOM Inspector
■ ■Tip You can access similar tools in Chrome, Safari, Opera, and Internet Explorer. Not only can you see how the
document is represented, you can also edit the code and see the results directly in the browser. In the appendix, I’ll cover
validation and debugging.
■ ■Note Notice all the #text nodes between the elements? This is not text I added to the document, but the line breaks
I added at the end of each line. Some browsers see those as text nodes, while others don’t—which can be very annoying
when you try to access elements in the document via JavaScript later on.
Figure 4-3 shows another way you can visualize the document tree.
72
www.it-ebooks.info