8th Rome - IT Programming - 2nd Cycle Exam

What does DOM stand for?

• Document Object Model

• Data Object Model

• Document Oriented Map

• Data Organized Model

Answer explanation

DOM stands for Document Object Model, which is a programming interface for web documents. It represents the structure of a document as a tree of objects, allowing scripts to update the content and structure dynamically.

What does the DOM allow you to do?

• Style web pages with CSS

• Add functionality to a webpage using JavaScript

• Access and manipulate HTML elements and attributes

• Create a database for your web application

Answer explanation

The DOM (Document Object Model) allows you to access and manipulate HTML elements and attributes, enabling dynamic changes to the content and structure of web pages. This is essential for interactive web applications.

How is the DOM structured?

• As a linear array

• As a tree of objects

• As a linked list

• As a table

Answer explanation

The DOM (Document Object Model) is structured as a tree of objects, where each node represents a part of the document (like elements, attributes, and text). This hierarchical structure allows for easy manipulation and traversal of the document.

The DOM represents the document as a:

• Binary tree

• Object-oriented model

• JavaScript object

• Programming structure

Answer explanation

The DOM (Document Object Model) represents the document as an object-oriented model, allowing for structured access and manipulation of the document's elements and their properties.

How does the browser update the DOM?

• Automatically after parsing the HTML

• Only when JavaScript modifies it

• Through CSS

• Using the tag

Answer explanation

The browser updates the DOM automatically after parsing the HTML, creating a structure that can be manipulated. This process occurs before any JavaScript modifications, making the first choice correct.

Which method finds an element by its class name?

• getElementsByClassName()

• getElementById()

• querySelectorAll()

• getByClass()

Answer explanation

The method getElementsByClassName() is specifically designed to find elements by their class name, returning a live HTMLCollection of matching elements. The other options do not serve this purpose.

What does getElementsByTagName() do?

• Selects all elements of a specific tag name

• Adds a tag to an element

• Deletes an element with a specific tag

• Updates an element's tag

Answer explanation

The method getElementsByTagName() selects all elements in the document that match a specified tag name, making it useful for retrieving multiple elements of the same type. This confirms that the correct choice is 'Selects all elements of a specific tag name'.

How can you find all elements on a page?

• document.querySelectorAll("div");

• document.getElementById("div");

• document.getElementsByClassName("div");

• document.createElement("div");

Answer explanation

The correct choice, document.querySelectorAll("div"), selects all

elements on a page. The other options either select by ID, class, or create a new element, which do not fulfill the requirement of finding all elements.

How do you add a new paragraph element to a webpage?

• Create the element with document.createElement("p") and append it

• Use document.addElement("p")

• Write it directly with document.write("

  ")

• Use document.newElement("p")

Answer explanation

To add a new paragraph element, use document.createElement("p") to create the element and then append it to the desired location in the DOM. The other options are incorrect methods.

How do you remove an element using JavaScript?

• parent.removeChild(element)

• element.delete()

• document.clearChild(element)

• element.clear()

Answer explanation

To remove an element in JavaScript, use 'parent.removeChild(element)', where 'parent' is the parent node of the element you want to remove. The other options are incorrect methods for removing elements.