DOM & DOM methods

Explain the createElement method in JavaScript.

• The createElement method is used to style existing HTML elements.

• The createElement method is used to fetch data from an API.

• The createElement method in JavaScript is used to dynamically create HTML elements.

• The createElement method is used to delete HTML elements.

What is the purpose of the setAttribute method in JavaScript?

• To change the font style of the specified element.

• To set the value of an attribute on the specified element.

• To add a new element to the DOM.

• To remove an attribute from the specified element.

How does the insertBefore method work in JavaScript?

• The insertBefore method only works on text nodes

• The insertBefore method requires specifying the position of the new node in the DOM

• The syntax is parentNode.insertBefore(newNode, referenceNode), where newNode is the node to be inserted and referenceNode is the node before which newNode will be inserted.

• The insertBefore method is used to delete a node in JavaScript

When would you use the replaceChild method in JavaScript?

• When you want to remove a parent node from the DOM.

• When you want to replace a child node of a specified node with a new node.

• When you want to add a sibling node to a specified node.

• When you want to change the CSS styling of a child node.

Describe the removeChild method in JavaScript.

• The removeChild method in JavaScript is used to update the text content of a node.

• The removeChild method in JavaScript is used to add a child node to the DOM.

• The correct answer is: The removeChild method in JavaScript is used to remove a specified child node from the DOM.

• The removeChild method in JavaScript is used to create a new child node in the DOM.

How can you implement onClick events in JavaScript?

• document.getElementById('myButton').onClick = function() { console.log('Button clicked!'); }

• window.addEventListener('click', function() { console.log('Button clicked!'); })

• document.querySelector('#myButton').addEventListener('click', function() { console.log('Button clicked!'); });

• document.querySelector('#myButton').click(function() { console.log('Button clicked!'); })

What is the syntax for using the createElement method in JavaScript?

• document.createElement('elementName')

• createNewElement('elementName')

• document.createElement('div')

• createElement('elementName')

Give an example of using the setAttribute method in JavaScript.

• element.setAttribute('alt', 'description');

• element.setAttribute('href', 'style.css');

• element.setAttribute('src', 'image.jpg');

• element.setAttribute('id', 'uniqueID');

In what scenario would you need to use the insertBefore method in JavaScript?

• When you want to insert a new node before a specified existing node within a parent element.

• When you want to delete a node after a specified existing node within a parent element.

• When you want to append a new node at the end of a parent element.

• When you want to replace an existing node with a new node within a parent element.

Can you explain the difference between replaceChild and removeChild methods in JavaScript?

• The replaceChild method removes a child node from the DOM.

• The replaceChild method replaces a child node with a new node, while the removeChild method removes a child node from the DOM.

• The removeChild method replaces a child node with a new node.

• Both replaceChild and removeChild methods add a new child node to the DOM.