Instructions

  • 1. Your final score will reflect your grasp of the concepts—approach each question with precision.
  • 2. Thoroughly review each solution before proceeding to ensure full understanding.
  • 3. Final results will be available after submission to provide insights into areas for further improvement.
  • 4. Maintain academic integrity—plagiarism undermines learning and professional growth.
  • 5. Once submitted, responses are final, so ensure you’re confident in your answers.
  • 6. These challenges are designed to test practical knowledge; apply your skills as you would in real-world scenarios.

All Problems

Question

Action

What is the method to create a new element in the DOM?

View

How can you insert a new element before an existing one?

View

What method can be used to append an element as the last child of a parent?

View

How do you remove the last child of an element?

View

What will happen if you use element.innerHTML = '<p>Hello</p>';?

View

How can you set multiple attributes at once?

View

If you want to clone an element and all its child nodes, which method would you use?

View

What does element.insertAdjacentHTML('beforeend', '<span>Text</span>') do?

View

How can you replace an existing element with a new one?

View

Which method will ensure that a new element is added before a specific reference element?

View

What is the method to create a new element in the DOM?

document.createElement('tagName')
document.newElement('tagName')
document.addElement('tagName')
document.createNode('tagName')

How can you insert a new element before an existing one?

parentElement.insertBefore(newElement, existingElement);
existingElement.insertBefore(newElement);
parentElement.appendChild(newElement);
parentElement.prepend(newElement);

What method can be used to append an element as the last child of a parent?

parentElement.addChild(newElement);
parentElement.appendChild(newElement);
parentElement.insertAfter(newElement);
parentElement.insertAtEnd(newElement);

How do you remove the last child of an element?

element.removeLastChild();
element.popChild();
element.removeChild(element.lastChild);
element.lastChild.remove();

What will happen if you use element.innerHTML = '<p>Hello</p>';?

It will replace the content of the element with the new HTML
It will add the new HTML to the existing content
It will cause an error
None of the above

How can you set multiple attributes at once?

Use setAttribute() for each attribute
element.setAttributes({attr1: value1, attr2: value2});
element.attributes = {attr1: value1, attr2: value2};
None of the above

If you want to clone an element and all its child nodes, which method would you use?

element.cloneNode(false)
element.cloneNode(true)
element.copy()
element.duplicate()

What does element.insertAdjacentHTML('beforeend', '<span>Text</span>') do?

Inserts the HTML at the beginning of the element
Inserts the HTML at the end of the element
Replaces the entire HTML of the element
Adds the HTML as a sibling element

How can you replace an existing element with a new one?

element.replaceWith(newElement);
element.swap(newElement);
element.replaceChild(newElement, oldElement);
element.removeChild(oldElement); element.appendChild(newElement);

Which method will ensure that a new element is added before a specific reference element?

parentElement.insertBefore(newElement, referenceElement);
parentElement.addBefore(newElement, referenceElement);
referenceElement.insertBefore(newElement);
parentElement.prepend(newElement, referenceElement);