5. DOM Document Object Model Flashcards
Was macht der query selector?
Er gibt mir das erste Element meiner query zb das erste li item
Was macht der query selector all?
Gibt mir alle Elemente meiner query zb das alle li items
Wie ändere ich den style einer liste für jedes item per js?
Mit dem query selector all und einer foreach zb document.querySelectorAll(“main li”).forEach(item => item.style.backgroundColor = “red”)
Nehme ich query selector oder getElbyID / ClassName?
Query selector, da die anderen 2 veraltet sind und der query selector, da ist um die Suche zu vereinfachen und verbessern
Was gibt mir getElementByClassName?
Eine HTML collection, was veraltet ist
Wie greife ich auf ein bestimmtes child eines objektes im queryselector?
PropertyName:nth-child(Zahl)
Wie füge ich einem Element eine Klasse hinzu mit js?
Mit document.queryselector(“objekt”).classList.add(“name”);
Wie entferne ich einem Element eine Klasse mit js?
Mit document.queryselector(“objekt”).classList.remove(“name”);
Wie füge oder lösche ich eine Klasse einem Element hinzu mit js je nachdem obs existiert oder nicht?
Mit document.queryselector(“objekt”).classList.toggle(“name”);
Wie ersetze ich eine Klasse mit js?
Mit document.queryselector(“objekt”).classList.replace(“nameDerAltenKlasse”, “nameDerNeuenKlasse”);
Wie überprüfe ich ob ein Element ein bestimmtes Attribut hat?
Mit document.queryselector(“objekt”).hasAttribute(“Attribut”)
Wie überprüfe ich den Wert eines Attributs eines Elements?
Mit document.queryselector(“objekt”).getAttribute(“Attribut”)
Wie gebe ich einem Element ein Attribut oder einen Wert für ein Attribut eines Elements?
Mit document.queryselector(“objekt”).setAttribute(“AttributName”, “WertDesAttributs”)
Wie entferne ich ein Attribut eines Elements?
Mit document.queryselector(“objekt”).removeAttribute(“Attribut”)
Was ist ein Attribut eines Elements?
Alles in dem <> Tag abseits von dem Element zb <img></img> oder <div class="">
