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. What does event.preventDefault() do?

Stops event propagation

Prevents the default browser action for an event

Removes the event listener

Delays the event execution

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

GetElementById('.className')

QuerySelectorAll('.className')

GetElementsByClass('className')

QuerySelector('.className')

6. 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

7. Which method sets an attribute on an element?

SetAttr()

Attr()

SetAttribute()

AddAttribute()

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

GetElementById()

QuerySelector()

GetElementsByClassName()

QuerySelectorAll()

9. 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)

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

Onhover

Onchange

Onclick

Onload

11. 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

12. Which method creates a new DOM element?

NewElement()

CreateElement()

CreateNode()

AddElement()

13. 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')

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

TextContent

InnerHTML

InnerText

Value

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

An empty array

Null

Undefined

An empty NodeList

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

Parent

ParentElement

ParentNode

Both b and c

17. 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

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

RemoveChildren()

InnerHTML = ''

Clear()

DeleteChildren()

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

FirstChild

FirstElement

FirstNode

Children[0]

20. 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'

JavaScript Institute DOM Manipulation Quiz