1. <p>Sample <b>bold</b> display</p>
firstChild
lastChild P
parentNode
parentNode
parentNode
nextSibling
nextSibling
#text B
#text
prevSibling
prevSibling
Sample
display
firstChild, lastChild
parentNode
nodeName property
#text
nodeValue property
bold
CS 142 Lecture Notes: DOM

2. DOM Coordinates x y div1 offsetTop div2 offsetLeft offsetParent
offsetHeight
offsetWidth
CS 142 Lecture Notes: DOM

3. Positioning Children Parent margin Parent border Parent padding
top/offsetTop
left/offsetLeft
Child margin
Child border
CS 142 Lecture Notes: DOM

4. CS 142 Lecture Notes: DOM

5. Dialogs alert("Please click to continue");
if (confirm("Are you sure you want ...?") {
... }
name = prompt("Enter username here:");
CS 142 Lecture Notes: DOM