Guten Morgen, [hier](https://forum.selfhtml.org/self/2024/dec/30/todo-liste-voruberlegungen/1818252#m1818252) hatte ich es schon angekündigt: [JavaScript und das DOM/**Was ist das DOM?**](https://wiki.selfhtml.org/wiki/JavaScript_und_das_DOM/Was_ist_das_DOM) Wir hatten an verschiedenen Stellen nahezu gleichlautende Erklärungen, die ich jetzt zu einem **Anfänger-Tutorial** zusammengefasst habe: 1. kurze Einleitung 2. Überschrift [#DOM als Baumstruktur](https://wiki.selfhtml.org/wiki/JavaScript_und_das_DOM/Was_ist_das_DOM#DOM_als_Baumstruktur) vorher verlinkte die Einleitung gleich zu XML/.../Baumstruktur Jetzt wird der Elementbaum gezeigt, der Begriff node eingeführt und mit dem „Node-Inspektor“ veranschaulicht. 3. #Elementknoten muss da noch ein Beispiel hin, oder reicht der „Node-Inspektor“? 4. Attributknoten Wer hat eine Idee zu einem besseren [Beispiel](https://wiki.selfhtml.org/wiki/JavaScript/DOM/Element/attributes#Anwendungsbeispiel), das evtl. auch mit [Element.hasAttributes](https://wiki.selfhtml.org/wiki/JavaScript/DOM/Element/hasAttributes) arbeitet. 5. 2018 hatte ich schon gefragt, ob es einen besseren Begriff als [DOM-Methoden](https://wiki.selfhtml.org/wiki/JavaScript_und_das_DOM/Was_ist_das_DOM#DOM-Methoden) gibt. Die beiden h3-Überschriften und Abschnitte könnten evtl. nach oben, evtl. aber auch nicht. Würde ich gerne diskutieren. Die im [Wiki vielfach vorkommende](https://wiki.selfhtml.org/wiki/JavaScript/DOM/Node#Verwendung) Liste der „DOM-Methoden“ würde ich ebenfalls gerne auf den Prüfstand stellen: * getElementById(): kann auf Elemente zugreifen, die ein dokumentweit eindeutiges id-Attribut enthalten * getElementsByName(): kann auf Elemente zugreifen, die einen Namen besitzen (er muss nicht unbedingt eindeutig sein) * getElementsByTagName(): kann auf alle Elemente zugreifen in der Form: "liefere mir das 27. td-Element im Dokument". * querySelector(): gibt das erste Element zurück, das dem angegebenen CSS-Selektor entspricht. * querySelectorAll(): gibt eine Liste von Elementen zurück, die dem angegebenen CSS-Selektor (auch mehrere, durch Komma getrennte, Angaben möglich) entsprechen Imho würde ich nur die letzten beiden und classList empfehlen. Was meint ihr? Herzliche Grüße Matthias Scharwies -- Was ist eine Signatur?

Guten Morgen, [hier](https://forum.selfhtml.org/self/2024/dec/30/todo-liste-voruberlegungen/1818252#m1818252) hatte ich es schon angekündigt: [JavaScript und das DOM/**Was ist das DOM?**](https://wiki.selfhtml.org/wiki/JavaScript_und_das_DOM/Was_ist_das_DOM) Wir hatten an verschiedenen Stellen nahezu gleichlautende Erklärungen, die ich jetzt zusammengefasst habe: 1. kurze Einleitung 2. Überschrift [#DOM als Baumstruktur](https://wiki.selfhtml.org/wiki/JavaScript_und_das_DOM/Was_ist_das_DOM#DOM_als_Baumstruktur) vorher verlinkte die Einleitung gleich zu XML/.../Baumstruktur Jetzt wird der Elementbaum gezeigt, der Begriff node eingeführt und mit dem „Node-Inspektor“ veranschaulicht. 3. #Elementknoten muss da noch ein Beispiel hin, oder reicht der „Node-Inspektor“? 4. Attributknoten Wer hat eine Idee zu einem besseren [Beispiel](https://wiki.selfhtml.org/wiki/JavaScript/DOM/Element/attributes#Anwendungsbeispiel), das evtl. auch mit [Element.hasAttributes](https://wiki.selfhtml.org/wiki/JavaScript/DOM/Element/hasAttributes) arbeitet. 5. 2018 hatte ich schon gefragt, ob es einen besseren Begriff als DOM-Methoden gibt. Die beiden h3-Überschriften und Abschnitte könnten evtl. nach oben, evtl. aber auch nicht. Würde ich gerne diskutieren. Die im [Wiki vielfach vorkommende](https://wiki.selfhtml.org/wiki/JavaScript/DOM/Node#Verwendung) Liste der „DOM-Methoden“ würde ich ebenfalls gerne auf den Prüfstand stellen: * getElementById(): kann auf Elemente zugreifen, die ein dokumentweit eindeutiges id-Attribut enthalten * getElementsByName(): kann auf Elemente zugreifen, die einen Namen besitzen (er muss nicht unbedingt eindeutig sein) * getElementsByTagName(): kann auf alle Elemente zugreifen in der Form: "liefere mir das 27. td-Element im Dokument". * querySelector(): gibt das erste Element zurück, das dem angegebenen CSS-Selektor entspricht. * querySelectorAll(): gibt eine Liste von Elementen zurück, die dem angegebenen CSS-Selektor (auch mehrere, durch Komma getrennte, Angaben möglich) entsprechen Imho würde ich nur die letzten beiden und classList empfehlen. Was meint ihr? Herzliche Grüße Matthias Scharwies -- Was ist eine Signatur?