Lonce Wyse
Communication & New Media
lonce.wyse@cnm.nus.sg
The Document
Think of the DOM as a "tree" of "nodes" corresponding to the HTML structure
<html>
<head>
<title> Example 0</title>
</head>
<body >
Hello World!
</body>
</html>
Document Object Model
document = { "head" : { ... },
"body" : { ... } ,
}
Every HTML page has a Document Object
This is OBJECT is just what we need to connect our JavaScript code to the HTML document
"getElementByID" : function(...){...},
Scripts and *Modules*
<script defer type="text/javascript"
src="appscripts/main.js" >
</script>