THE DOM 2

What does DOM stand for in web development?

• Document Object Model

• Data Object Management

• Digital Operations Map

• Dynamic Object Module

How is the DOM typically structured?

• As a linear sequence of elements

• As a tree of objects

• As a list of styles

• As a grid of data

Which of the following actions can be performed using the DOM?

• Change the content of an HTML element

• Add new HTML elements and attributes

• Remove existing HTML elements and attributes

• All of the above

What is the primary purpose of the DOM in web development?

• To style HTML elements

• To structure HTML documents

• To provide a programming interface for HTML

• To store user data

Which method is commonly used to select an element by its ID in JavaScript?

• document.getElementByClassName()

• document.getElementById()

• document.querySelectorAll()

• document.selectElementById()

What is the correct way to remove an element from the DOM using JavaScript?

• element.removeChild()

• • element.removeElement()

• element.remove()

• element.delete()

How do you store a reference to a DOM element(that already exists in the DOM) in a variable in JavaScript?

• let element = document.getElementById('myElement');

• let element = document.selectElement('myElement');

• let element = document.querySelectorAll('myElement');

• let element = document.createElement('myElement');

Which method is used to add a new element to the DOM tree in JavaScript?

• element.appendChild(newElement)

• element.insert(newElement)

• element.add(newElement)

• element.attach(newElement)

Given the following HTML code, how would you select the <p> tag with the ID intro using JavaScript?
```<div>
<h1>Welcome to the Sample Page</h1>
<p id="intro">This is an introduction paragraph.</p> <p>This is another paragraph.</p>
</div>```

• document.querySelector('#intro')

• document.getElementsByTagName('p')

• document.querySelector('p')

• document.getElementById('intro')

Given the following HTML code, how would you create a new <p> element with the text "New Paragraph" and insert it at the end of the <div> with the ID container?

<div id="container">
<h1>Welcome to the Sample Page</h1>
<p id="intro">This is an introduction paragraph.</p>
</div>

• let newParagraph = document.createElement('p');

  newParagraph.textContent = 'New Paragraph';

  document.getElementById('container').appendChild(newParagraph);

• let newParagraph = document.createElement('p');

  newParagraph.text = 'New Paragraph';

  document.querySelector('#container').appendChild(newParagraph);

• let newParagraph = document.createElement('p');

  newParagraph.innerHTML = 'New Paragraph';

  document.getElementById('container').appendChild(newParagraph);

• let newParagraph = document.createElement('p');

  newParagraph.textContent = 'New Paragraph';

  document.querySelector('#container').insertElement(newParagraph);