Document Flashcards
The DOM specification is called ___
Document Living Standard
What is DOM
DOM is the Document Object Model.
It represents all elements on the page as objects for manipulation.
the ‘document’ object is the main entry point to the page.
Which model is used to represent CSS?
CSSOM(CSS Object model)
What is BOM?
Additional objects provided by browser, not part of DOM
this property holds information about the current browser
navigator.userAgent
this property holds information about the browser
navigator.platform
navigate the window to new url ___
location.href = /* new url */
Which Object Model do alert/confirm/prompt belong to? DOM, BOM or CSSOM?
BOM, they are browser properties.
this tag forms the root in DOM tree structure
document
this console command highlights the element in the page
inspect(node)
what are corresponding DOM elements for , , and tags?
document.documentElement || document.head || document.body
In reference to DOM, childNodes is an array. True / False ?
False. It is a collection, not an array.
childNodes holds all nodes even comments, text, etc. True/False ?
True. Text and Comment are also nodes.
Predict the output:
document. documentElement.parentNode ||
document. documentElement.parentElement
document || null
document is the object of this Node class
HTMLDocument
The abstract class providing parentNode, nextSibling, and childNodes is ___
Node
The class providing nextElementSibling, children, getElementsByTagName, querySelector is ___
Element
EventTarget Class does not derive from any class. true or false ?
false.
It derives from Object class.
3 ways of seeing the DOM node class name
document.body.constructor.name
alert(document.body)
document.body instanceof HTMLElement
console.dir does what ?
shows the element as a DOM object, not its DOM tree
element.nodeType returns ___
the numeric value corresponding to type of node
difference between tagName and nodeName
tagName = exists for Element Nodes nodeName = exists for All types of nodes.
If we enter a script using innerHTML will it execute?
No. It is just embedded in HTML, not executed.
document.append(…) adds an element node to the document. True / False ?
False. append will work on document.body, not document as document encompasses all elements within it.
geometry properties are calculated for elements that are not displayed. True or False ?
False. they are null/zero for properties that are not displayed.
elements of CSS box model from inside to outside
content - padding - border - margin
these two elements of the css box model are transparent
padding and margin
scrollBarWidth + contentWidth = ?
CSS width
offSetParent is null for these 3 types of elements
display: none;
and ;
position:fixed;
The scroll bar shares an edge with ___
the border of the element
To accommodate scroll bar, the browser reduces this width ___
contentWidth
which element would you refer to to get properties of the entire window?
document.documentElement NOT window.
this window property in Safari only needs to be accessed differently.
scrollLeft/Top
Safari needs —> document.body.scrollLeft/Top
Others —> document.documentElement.scrollLeft/top
list mouse events in browser
click, contextmenu, mouserover, mouseout,mousedown, mouseup, mousemove
list keyboard events in browser
keyup and keydown
form element events
submit and focus
DOMContentLoaded is fired upon ___
fully loading all html, and creating DOM elements.
