Test questions on HTML DOM and BOM, JavaScript APIs and jQuery formulations:

The Document Object Model (DOM) ... does what ?
The Browser Object Model (BOM) includes objects like document, location, history, and navigator. TF
Using JavaScript, you can change the content of HTML elements, attributes, and CSS styles. TF
Describe how CSS works.
Multiple Choice Questions
What does the window object represent in the Browser Object Model (BOM)?
a. The user's screen
b. The current HTML document
c. The browser's window
d. The JavaScript console
Which method is used to manipulate the HTML DOM and add a new element?
a. document.addElement()
b. document.createElement()
c. document.addNewElement()
d. document.newElement()
In the DOM, which property is used to set or return the content of an element?
a. innerHTML
b. outerHTML
c. textContent
d. Both a and c

Match-up the Concepts
Which HTML tag is used to insert JavaScript code into an HTML document?
a. <java>
b. <javascript>
c. <js>
d. <script>
Which HTML tag is used to insert CSS code into an HTML document?
a. <java>
b. <javascript>
c. <js>
d. <script>
a. innerHTML
b. Event Listener
c. <form> tag
d. console.log()
cssCopy code
i. An HTML tag used to create an input form for user data
ii. A method in JavaScript used for debugging purposes
iii. A property in JavaScript used to get or set the HTML content of an element
iv. A function in JavaScript that waits for an event to occur

a. $(this) selector
b. window.history object
c. document.querySelector()
d. .addClass()
cssCopy code
i. A jQuery method used to add a class to a selected element
ii. In jQuery, a keyword referring to the element that triggered the event
iii. The method used in JavaScript to select the first element that matches a specified CSS selector(s)
iv. The object in BOM allowing manipulation and navigation of the browser history

Match the following concepts with their descriptions:
a. window object
b. jQuery
c. DOM
d. document.createElement()

i. A JavaScript library designed to simplify HTML DOM tree traversal and manipulation.
ii. The method used to create a new HTML element in JavaScript.
iii. A hierarchical representation of the content of a webpage.
iv. The global object in a browser context, representing the window in which the script is running.

Short Answer Questions
How does the Browser Object Model (BOM) differ from the Document Object Model (DOM)?
Describe how JavaScript can be used to manipulate the Browser Object Model.
What is the purpose of the getElementById() method in the DOM, and how is it used in JavaScript?
What is jQuery?

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
) instead.