Summary

You learned quite a bit in this chapter. You have learned some cross-browser BOM (Browser Object Model) objects:

• Properties of the global window object such as navigator, location, history, frames, screen

• Methods such as setInterval() and setTimeout(); alert(), confirm() and prompt(); moveTo/By() and resizeTo/By()

Then you learned about the DOM (Document Object Model), an API to represent an HTML (or XML) document as a tree structure where each tag or text is a node on the tree. You also learned how to do the following actions:

• Access nodes

  • Using parent/child relationship properties parentNode, childNodes, firstChild, lastChild, nextSibling, and previousSibling

  • Using getElementsById(), getElementsByTagName(), getElementsByName(), and querySelectorAll()

• Modify nodes:

  • Using innerHTML or innerText/textContent

  • Using nodeValue or setAttribute() or just using attributes as object properties

• Remove nodes with removeChild() or replaceChild()

• And add new ones with appendChild(), cloneNode(), and...