22 lines
1.1 KiB
JavaScript

const para = document.querySelector(".error") // nur das erste Element mit dem Klass error wird zurück gegeben
console.log(para)
const errors = document.querySelectorAll(".error") // in diesem Fall bekommt man alle Elementen, die den Klass error beinhalten
console.log(errors)
const paras = document.querySelectorAll("p") // damit weren alle Elementen aus dem Dokument zurückgegeben, die eigentlich Paragraph<p> sind
console.log(paras)
console.log(paras[0]) // wird das erste Element aus dem paras Feld der zurückgegebenen Elementen zurückgegeben
console.log(paras[1]) // wird das zweite Element aus dem paras Feld der zurückgegebenen Elementen zurückgegeben
console.log(paras[2]) // wird das dritte Element aus dem paras Feld der zurückgegebenen Elementen zurückgegeben
console.log(paras[3])// wenn ein Element nicht existiert, wird einen "undefined" Wert zurückgegeben
paras.forEach((element) => { // werden alle bestehenden Elementen aus dem Feld herausgegeben
console.log(element)
});
errors.forEach((element) => {// werden alle bestehenden Elementen aus dem Feld herausgegeben
console.log(element)
})