javascript querySelectorAll

Martin D. OP #7593116
Lesenswert?
• ▲
▼

Hallo.

Ich bin absoluter Anfänger was javascript an geht. Ich möchte unter Chrome mit Tampermonkey ein User Script erstellen, welches den Wert von data-sonne aus folgendem Code ausliesst:

... <li data-haus="123" data-baum="abcd" data-sonne=678>Text</li> ...

Mit

const nodeList= document.querySelectorAll("[data-sonne]"); nodeList.forEach(li => console.log(li));

erhalte ich schonmal die entsprechenden ganzen Codezeilen. Ich möchte aber nur den Wert (hier zB 678) erhalten. Erstmal als console.log ausgeben und später an eine URL (zB http://webserver.internal/data.php?sonne=678) übergeben.

1.) wie komme ich nur an den Wert? 2.) wie rufe ich später die URL auf? Vielen Dank.

Martin

Antwort Zitieren Bearbeiten Thread verschieben Thread sperren Anmeldepflicht aktivieren Anpinnen Thread löschen Thread mit anderem zusammenführen Beitrag melden
Εrnst B. #7593124
Lesenswert?
• ▲
▼

Martin D. schrieb:

1.) wie komme ich nur an den Wert?

einfach per "getAttribute" auslesen.

1
 
const nodeList= document.querySelectorAll("[data-sonne]");

2
 
nodeList.forEach(li => console.log(li.getAttribute("data-sonne"));

Martin D. schrieb:

2.) wie rufe ich später die URL auf?

Kommt darauf an, was du mit aufrufen meinst.

Links zum Klicken erstellen? Iframes mit src=.... erstellen? Daten per "fetch()" im Script laden?

Antwort Zitieren Bearbeiten Löschen Beitrag melden
Daniel A. #7593165
Lesenswert?
• ▲
▼

Εrnst B. schrieb:

Martin D. schrieb:

1.) wie komme ich nur an den Wert?

einfach per "getAttribute" auslesen.const nodeList= document.querySelectorAll("[data-sonne]"); nodeList.forEach(li => console.log(li.getAttribute("data-sonne"));

Für eigene data-* attribute gibt es extra die "dataset" eigenschaft:

1
 
const nodeList= document.querySelectorAll("[data-sonne]");

2
 
nodeList.forEach(li => console.log(li.dataset.sonne));

Darüber kann man die auch erstellen / setzen oder löschen. Ist simpler als die Funktionen zu nutzen.

PS: Dir fehlt da ein )

Antwort Zitieren Bearbeiten Löschen Beitrag melden
Franko S. Gast #7593182
Lesenswert?
• ▲
▼

Wenn deine attribute eindeutig sind geht auch wert = getElementById("dataSonne").value; In wert stehen dann deine 678

dann musst nicht über <li> an an die Werte ran.

Martin D. schrieb:

müssen oder die aktuelle Seite verändern etc. Das javascript soll die URL mit dem Übergabeparameter aufrufen.

Hier nimmt man fetch, früher das nahm man das xhtmlRequest-Ojekt. https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

Antwort Zitieren Bearbeiten Löschen Beitrag melden
Thread beobachten

Antwort schreiben

Hinweis: der ursprüngliche Beitrag ist mehr als 6 Monate alt. Bitte hier nur auf die ursprüngliche Frage antworten, für neue Fragen einen neuen Beitrag erstellen.

Formatierung
  • [c]C-Code[/c]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] – Link zu einem Artikel
  • Verweis auf einen anderen Beitrag: Rechtsklick auf dessen Beitrags-ID (#8078628), „Adresse kopieren“, in den Text einfügen

Mehr zur Formatierung

Längeren Sourcecode als Anhang, nicht in den Text. JPG nur für Fotos und Scans; Zeichnungen und Screenshots als PNG oder GIF. Siehe Bildformate.

Dein Name und deine E-Mail-Adresse

Schon registriert? Anmelden

Wird nicht angezeigt. Wir schicken dir einen Link; sobald du damit bestätigst, erscheint dein Beitrag.

Mit dem Abschicken legst du einen kostenlosen Account an und erkennst die Nutzungsbedingungen und die Datenschutzerklärung an.