Document

Question 1

The DOM specification is called ___

Answer 1

Document Living Standard

Question 2

What is DOM

Answer 2

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.

Question 3

Which model is used to represent CSS?

Answer 3

CSSOM(CSS Object model)

Question 4

What is BOM?

Answer 4

Additional objects provided by browser, not part of DOM

Question 5

this property holds information about the current browser

Answer 5

navigator.userAgent

Question 6

this property holds information about the browser

Answer 6

navigator.platform

Question 7

navigate the window to new url ___

Answer 7

location.href = /* new url */

Question 8

Which Object Model do alert/confirm/prompt belong to? DOM, BOM or CSSOM?

Answer 8

BOM, they are browser properties.

Question 9

this tag forms the root in DOM tree structure

Answer 9

document

Question 10

this console command highlights the element in the page

Answer 10

inspect(node)

Question 11

what are corresponding DOM elements for , , and tags?

Answer 11

document.documentElement || document.head || document.body

Question 12

In reference to DOM, childNodes is an array. True / False ?

Answer 12

False. It is a collection, not an array.

Question 13

childNodes holds all nodes even comments, text, etc. True/False ?

Answer 13

True. Text and Comment are also nodes.

Question 14

Predict the output:

document. documentElement.parentNode ||
document. documentElement.parentElement

Answer 14

document || null

Question 15

document is the object of this Node class

Answer 15

HTMLDocument

Question 16

The abstract class providing parentNode, nextSibling, and childNodes is ___

Answer 16

Node

Question 17

The class providing nextElementSibling, children, getElementsByTagName, querySelector is ___

Answer 17

Element

Question 18

EventTarget Class does not derive from any class. true or false ?

Answer 18

false.

It derives from Object class.

Question 19

3 ways of seeing the DOM node class name

Answer 19

document.body.constructor.name
alert(document.body)
document.body instanceof HTMLElement

Question 20

console.dir does what ?

Answer 20

shows the element as a DOM object, not its DOM tree

Question 21

element.nodeType returns ___

Answer 21

the numeric value corresponding to type of node

Question 22

difference between tagName and nodeName

Answer 22

tagName = exists for Element Nodes
nodeName = exists for All types of nodes.

Question 23

If we enter a script using innerHTML will it execute?

Answer 23

No. It is just embedded in HTML, not executed.

Question 24

document.append(…) adds an element node to the document. True / False ?

Answer 24

False. append will work on document.body, not document as document encompasses all elements within it.

Question 25

geometry properties are calculated for elements that are not displayed. True or False ?

Answer 25

False. they are null/zero for properties that are not displayed.

Question 26

elements of CSS box model from inside to outside

Answer 26

content - padding - border - margin

Question 27

these two elements of the css box model are transparent

Answer 27

padding and margin

Question 28

scrollBarWidth + contentWidth = ?

Answer 28

CSS width

Question 29

offSetParent is null for these 3 types of elements

Answer 29

display: none;
and ;
position:fixed;

Question 30

The scroll bar shares an edge with ___

Answer 30

the border of the element

Question 31

To accommodate scroll bar, the browser reduces this width ___

Answer 31

contentWidth

Question 32

which element would you refer to to get properties of the entire window?

Answer 32

document.documentElement NOT window.

Question 33

this window property in Safari only needs to be accessed differently.

Answer 33

scrollLeft/Top
Safari needs —> document.body.scrollLeft/Top
Others —> document.documentElement.scrollLeft/top

Question 34

list mouse events in browser

Answer 34

click, contextmenu, mouserover, mouseout,mousedown, mouseup, mousemove

Question 35

list keyboard events in browser

Answer 35

keyup and keydown

Question 36

form element events

Answer 36

submit and focus

Question 37

DOMContentLoaded is fired upon ___

Answer 37

fully loading all html, and creating DOM elements.