What's with All the Dots?

You may wonder why JavaScript refers to my_image as window.document.my_image and not just as my_image. You may also wonder why you would use window .document.my_image.src when you want to change the src of that image. In short, what's with all the dots?

The answer has to do with how your browser looks at your web page.

Figure 4-17 shows the hierarchical organization of a web page as JavaScript understands it—through the Document Object Model (DOM). At the top of the DOM is the window that contains the web page you're view-ing. That window contains the navigator, document, and location objects. Each of these objects has a lot of information in it, and by changing one you can change what happens on your web page.

The dots ...

Get The Book of JavaScript, 2nd Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.