JavaScript: DOM: Unterschied zwischen den Versionen

Aus Flinkwiki
Wechseln zu: Navigation, Suche
(Objekt window)
(Methoden des document-Objekts)
Zeile 63: Zeile 63:
 
=== Methoden des document-Objekts ===
 
=== Methoden des document-Objekts ===
  
getElementById(): kann auf Elemente zugreifen, die ein dokumentweit eindeutiges id-Attribut enthalten
+
* ''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)
+
* ''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".
+
* ''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.
+
* ''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.
+
* ''querySelectorAll()'' gibt eine Liste von Elementen zurück, die dem angegebenen CSS-Selektor (auch mehrere, durch Komma getrennte, Angaben möglich) entsprechen.
 
[https://wiki.selfhtml.org/wiki/JavaScript/DOM selfhtml]
 
[https://wiki.selfhtml.org/wiki/JavaScript/DOM selfhtml]
  

Version vom 5. Oktober 2019, 14:18 Uhr

Seitenübersicht
Zur Seite "JavaScript"
Zur Seite "JavaScript: Events"
Zur Seite "JavaScript: Beispiele"
Zur Seite "Webprogrammierung"


Allgemein



Objekt location

location.href = 'url' leitet auf eine andere Seite um.

location.href = "https://www.google.de/";

leitet auf die Seite von Google um.


Objekt navigator

document.write("<p>" + navigator.appName + "</p>")
document.write("<p>" + navigator.appVersion + "</p>")
document.write("<p>" + navigator.userAgent + "</p>")

Ausgabe (im Browser Opera, Version 55 für Linux):

Netscape

5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36 OPR/55.0.2994.44

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36 OPR/55.0.2994.44


Objekt window

window ist das Standardobjekt. Methoden von window (z. B. alert() können ohne die Punktnotation (window.) verwendet werden.

Weitere window-Methoden:

  • setTimeout([anweisung], [ms])
  • setInterval([anweisung], [ms])
  • clearInterval()

Objekt document

Es gibt von jedem Knoten eine Liste(Array) der Kindknoten: .childNodes

.firstchild entspricht .childNodes[0]


Methoden des document-Objekts

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

selfhtml


Quellen


| | |