DOM-Manipulation lernen: Interaktive Quizze für Webentwickler

Question 1

Welches Ereignis wird ausgelöst, wenn ein Element dem DOM-Baum hinzugefügt wird?

Accepted Answer

DOMNodeInserted

Answer

DOMContentLoaded

Answer

load

Question 2

Welche Methode wird verwendet, um ein Element aus dem DOM zu löschen?

Accepted Answer

removeChild()

Answer

getElementById()

Answer

createElement()

Answer

appendChild()

Question 3

Welcher Selektor dient der Auswahl aller Elemente mit der Klasse "container"?

Accepted Answer

.container

Answer

#container

Answer

container

Answer

div.container

Question 4

Welche Funktion dient zur Erstellung eines neuen Elements?

Accepted Answer

createElement

Answer

getElement

Answer

appendChild

Answer

insertBefore

Question 5

Welcher Attributwert dient zur Festlegung der Farbe eines Elements?

Accepted Answer

color

Answer

style

Answer

background-color

Answer

font-color

Question 6

Welches Objekt repräsentiert das gesamte Dokument?

Accepted Answer

document

Answer

DOM

Answer

window

Answer

documentElement

Question 7

Welche Methode dient zum Abrufen des Wertes eines Attributs?

Accepted Answer

getAttribute

Answer

setAttribute

Answer

getAttr

Answer

getValue

Question 8

Welches Element referenziert das Dokument selbst?

Accepted Answer

document.documentElement

Answer

document.body

Answer

document.head

Answer

document.window

Question 9

Welche Methode fügt ein Element ans Ende des übergeordneten Knotens an?

Accepted Answer

appendChild()

Answer

insertBefore()

Answer

insertAfter()

Answer

replaceChild()

Question 10

Welche Methode erstellt ein neues Element im Dokument?

Accepted Answer

createElement()

Answer

createNode()

Answer

instantiateElement()

Answer

new Element()

Question 11

Welche Methode entfernt ein Element aus dem Dokumentbaum?

Accepted Answer

remove()

Answer

delete()

Answer

destroy()

Answer

erase()

Question 12

Welche API ermöglicht den Zugriff und die Änderung des Stils eines Elements?

Accepted Answer

element.style

Answer

window.style

Answer

document.style

Answer

API.style

Question 13

Welche Methode erstellt ein neues Attribut für ein Element?

Accepted Answer

setAttribute()

Answer

createAttribute()

Answer

addAttrib()

Answer

newAttrib()

Question 14

Welcher Ereignistyp wird ausgelöst, wenn die Maus über ein Element bewegt wird?

Accepted Answer

onMouseover

Answer

onHover

Answer

onMousemove

Answer

onEnter

Question 15

Welche JavaScript-Methode wird verwendet, um den Stil eines Elements zu ändern?

Accepted Answer

.style.setProperty()

Answer

.css()

Answer

.setStyle()

Answer

.setCSS()

Question 16

Welche Methode verwendest du, um ein Ereignis an ein Element zu binden?

Accepted Answer

addEventListener

Answer

attachEvent

Answer

registerEvent

Answer

bindEvent

Question 17

Welcher Eigenschaftstyp erlaubt den Zugriff auf Stileigenschaften eines Elements?

Accepted Answer

computed style

Answer

inline style

Answer

CSS style

Answer

DOM style

Question 18

Welche Methode entfernt ein Element aus dem DOM?

Accepted Answer

remove()

Answer

detach()

Answer

delete()

Answer

erase()

Question 19

Welcher Selektor wählt Elemente aus, die die Klasse 'beispiel' besitzen?

Accepted Answer

.beispiel

Answer

#beispiel

Answer

beispiel

Answer

.beispiel-klasse

Question 20

Mit welcher Eigenschaft kannst du die Position eines Elements relativ zu seinem übergeordneten Element festlegen?

Accepted Answer

position

Answer

offset

Answer

style

Answer

transform

Question 21

Welches Objekt repräsentiert den obersten Knoten im DOM?

Accepted Answer

document

Answer

window

Answer

navigator

Answer

body

Question 22

Welcher Datentyp dient zur Darstellung einer Liste von Elementen im DOM?

Accepted Answer

NodeList

Answer

Array

Answer

DOMList

Answer

ElementList

Question 23

Welches Attribut ermöglicht es, den Inhalt eines DOM-Elements direkt zu bearbeiten?

Accepted Answer

contenteditable

Answer

spellcheck

Answer

target

Answer

draggable

Question 24

Welche Methode fügt ein neues Element an das Ende der untergeordneten Elemente eines übergeordneten Elements an?

Accepted Answer

appendChild

Answer

insertBefore

Answer

setAttribute

Answer

insertAdjacentElement

Question 25

Welches Ereignis wird ausgelöst, wenn der Mauszeiger in den Bereich eines Elements bewegt wird?

Accepted Answer

mouseover

Answer

click

Answer

change

Answer

focus

Question 26

Welche Methode entfernt ein bestimmtes Element aus dem DOM?

Accepted Answer

removeChild

Answer

deleteElement

Answer

remove

Answer

hide

Question 27

Welches Objekt repräsentiert das gesamte HTML-Dokument im DOM?

Accepted Answer

document

Answer

body

Answer

window

Answer

documentElement

Question 28

Welches HTML-Element stellt eine Überschrift erster Ordnung dar?

Accepted Answer

<h1>

Answer

<h3>

Answer

<div>

Answer

<p>

Question 29

Welche Methode gibt das erste Element zurück, das einer angegebenen CSS-Selektor-Abfrage entspricht?

Accepted Answer

querySelector

Answer

getElementById

Answer

querySelectorAll

Answer

getElementsByName

Question 30

Welches Attribut wird verwendet, um die Breite eines Elements in CSS-Einheiten festzulegen?

Accepted Answer

width

Answer

length

Answer

height

Answer

size

Question 31

Welche Methode wird verwendet, um einem Element einen Ereignis-Listener hinzuzufügen?

Accepted Answer

addEventListener

Answer

registerListener

Answer

attachEvent

Answer

onEvent

Question 32

Welche Methode ermöglicht es dir, ein Element aus dem DOM zu **entfernen**?

Accepted Answer

removeChild()

Answer

appendChild()

Answer

replaceChild()

Answer

cloneNode()

Question 33

Welcher Event-Listener wird ausgelöst, wenn ein Benutzer **auf ein Element klickt**?

Accepted Answer

click

Answer

keyup

Answer

change

Answer

mouseover

Question 34

Wie kannst du auf das **übergeordnete Element** eines Elements zugreifen?

Accepted Answer

parentNode

Answer

nextSibling

Answer

previousElementSibling

Answer

firstChild

Question 35

Welche Methode erstellt ein **neues Element** im DOM?

Accepted Answer

createElement()

Answer

appendChild()

Answer

getElementById()

Answer

querySelector()

Question 36

Welches Objekt stellt den **aktuellen Knoten** in einer DOM-Struktur dar?

Accepted Answer

this

Answer

element

Answer

document

Answer

window

Question 37

Wie kannst du ein Element an einer **bestimmten Position** in den DOM einfügen?

Accepted Answer

insertBefore()

Answer

replaceChild()

Answer

appendChild()

Question 38

Was ist der Unterschied zwischen **innerHTML** und **textContent**?

Accepted Answer

innerHTML fügt HTML-Tags hinzu, textContent fügt nur Text hinzu

Answer

Beide fügen HTML-Tags hinzu

Answer

textContent fügt HTML-Tags hinzu, innerHTML fügt nur Text hinzu

Question 39

Wie kannst du das **erste Element** einer NodeList abrufen?

Accepted Answer

[0]

Answer

head

Answer

.first()

Answer

firstChild

Question 40

Welches Objekt repräsentiert das Dokument einer Webseite in JavaScript?

Accepted Answer

document

Answer

Element

Answer

NodeList

Answer

Node

Question 41

Welche Methode wird verwendet, um ein Element anhand seiner ID abzurufen?

Accepted Answer

getElementById

Answer

getElementsByClassName

Answer

querySelector

Answer

getElementsByTagName

Question 42

Welches Ereignis wird ausgelöst, wenn ein Benutzer mit der Maus über ein Element fährt?

Accepted Answer

mouseover

Answer

click

Answer

change

Answer

hover

Question 43

Welche Methode wird verwendet, um ein neues DOM-Element zu erstellen?

Accepted Answer

createElement

Answer

insertBefore

Answer

cloneNode

Answer

appendChild

Question 44

Welche Funktion wird verwendet, um über eine NodeList zu iterieren?

Accepted Answer

forEach

Answer

filter

Answer

map

Answer

reduce

Question 45

Welches Attribut wird verwendet, um den Stil eines Elements anzugeben?

Accepted Answer

style

Answer

data

Answer

id

Answer

class

Question 46

Welche Syntax wird verwendet, um das Styling eines Elements zu ändern?

Accepted Answer

element.style.property = value;

Answer

element.setAttribute('style', property: value);

Answer

setStyle(element, property, value);

Answer

element.style(property, value);

Question 47

Welches Konzept wird verwendet, um ein Element aus dem DOM zu entfernen?

Accepted Answer

removeChild

Answer

removeNode

Answer

deleteElement

Answer

hide

Question 48

Welches DOM-Element repräsentiert den höchsten Level des HTML-Dokuments?

Accepted Answer

<html>

Answer

<head>

Answer

<body>

Answer

<div>

Question 49

Wie kannst du ein neues Element an das Ende einer Elementliste anhängen?

Accepted Answer

appendChild

Answer

replaceChild

Answer

removeChild

Answer

insertBefore

Question 50

Welches Event wird ausgelöst, wenn ein Benutzer auf ein Element klickt?

Accepted Answer

click

Answer

hover

Answer

focus

Answer

scroll

Question 51

Welche Methode wird verwendet, um Inline-CSS an ein Element anzuwenden?

Accepted Answer

style

Answer

classList

Answer

setAttribute

Answer

getAttribute

Question 52

Welche Eigenschaft gibt die Breite eines Elements in Pixel zurück?

Accepted Answer

offsetWidth

Answer

scrollWidth

Answer

innerWidth

Answer

clientWidth

Question 53

Wie kannst du ein Attribut aus einem Element entfernen?

Accepted Answer

removeAttribute

Answer

getAttribute

Answer

hasAttribute

Answer

setAttribute

Question 54

Welches DOM-Interface repräsentiert das HTML-Formular?

Accepted Answer

HTMLFormElement

Answer

HTMLDivElement

Answer

HTMLElement

Answer

HTMLInputElement

Question 55

Wie kannst du auf das erste untergeordnete Element eines Elements zugreifen?

Accepted Answer

firstChild

Answer

parentNode

Answer

nextSibling

Answer

previousSibling

Question 56

Welche Methode wird verwendet, um ein Element mit der ID "meinElement" aus dem DOM zu entfernen?

Accepted Answer

removeChild()

Answer

getElementById()

Answer

insertElement()

Answer

addElement()

Question 57

Welcher Ereignistyp wird ausgelöst, wenn der Mauszeiger über ein Element bewegt wird?

Accepted Answer

mouseover

Answer

click

Answer

load

Answer

change

Question 58

Welche Methode wird verwendet, um ein neues Element an das Ende der Liste der untergeordneten Elemente eines übergeordneten Elements anzufügen?

Accepted Answer

appendChild()

Answer

createElement()

Answer

insertAdjacentElement()

Answer

insertBefore()

Question 59

Welche Eigenschaft kann verwendet werden, um den Stil eines Elements zu ändern?

Accepted Answer

style

Answer

className

Answer

attributes

Question 60

Welche Methode wird verwendet, um ein neues Element vor einem vorhandenen Element einzufügen?

Accepted Answer

insertBefore()

Answer

createElement()

Answer

insertAdjacentElement()

Answer

appendChild()

Question 61

Welches Objekt stellt das gesamte DOM-Dokument dar?

Accepted Answer

document

Answer

window

Answer

body

Answer

documentElement

Question 62

Welche Methode wird verwendet, um einen Ereignis-Listener für ein bestimmtes Ereignis an ein Element anzuhängen?

Accepted Answer

addEventListener()

Answer

attachEvent()

Answer

setEventListener()

Answer

registerEventListener()