JavaScript DOM Manipulation Quiz

1. How do you get the value of an attribute using getAttribute()?

Element.getAttribute('data-id')

Element.attr('data-id')

Element['data-id']

Element.data.id

2. Which property contains all child elements (excluding text nodes)?

ChildNodes

Children

Elements

Descendants

3. What does insertBefore() do?

Adds an element before a specified child

Adds an element after a specified child

Replaces an element

Removes an element

4. How do you dynamically change the style of an element?

Element.css('color', 'red')

Element.style.color = 'red'

Element.setStyle('color', 'red')

Element.color = 'red'

5. Which property accesses the first child node of an element?

FirstChild

FirstElement

FirstNode

Children[0]

6. What does event.preventDefault() do?

Stops event propagation

Prevents the default browser action for an event

Removes the event listener

Delays the event execution

7. How do you select multiple elements with a specific class?

GetElementById('.className')

QuerySelectorAll('.className')

GetElementsByClass('className')

QuerySelector('.className')

8. Which method removes all child nodes from an element?

RemoveChildren()

InnerHTML = ''

Clear()

DeleteChildren()

9. What does the textContent property do?

Returns HTML content with tags

Returns only the text content without HTML tags

Modifies only visible text

Returns the inner HTML

10. Which method sets an attribute on an element?

SetAttr()

Attr()

SetAttribute()

AddAttribute()

11. Which method selects a single element by its ID?

GetElementById()

QuerySelector()

GetElementsByClassName()

QuerySelectorAll()

12. What does removeChild() do?

Removes all children from an element

Removes a specified child from an element

Hides a child element

Deletes a child's content

13. Which property returns the parent element of a node?

Parent

ParentElement

ParentNode

Both b and c

14. How do you attach an event listener to an element?

Element.on('click', callback)

Element.addEventListener('click', callback)

Element.bind('click', callback)

Element.attach('click', callback)

15. Which event fires when a user clicks on an element?

Onhover

Onchange

Onclick

Onload

16. What does appendChild() do?

Removes a child element

Adds a child element to the end of a parent

Replaces a child element

Clones a child element

17. Which method creates a new DOM element?

NewElement()

CreateElement()

CreateNode()

AddElement()

18. How do you add a CSS class to an element using classList?

Element.classList.add('className')

Element.class.add('className')

Element.addClass('className')

Element.classList.append('className')

19. Which property modifies the HTML content of an element?

TextContent

InnerHTML

InnerText

Value

20. What does the querySelector() method return when no matching element is found?

An empty array

Null

Undefined

An empty NodeList

JavaScript Institute DOM Manipulation Quiz