Ergebnis 1 bis 4 von 4
1LikesThema: Link innerhalb eines links
LinkBack URL
About LinkBacks-
25-07-2020, 14:51 #1
Grünschnabel
- registriert
- 03-05-2011
- Beiträge
- 7
Link innerhalb eines links
Guten Tag,
möchte an den Link-Adresse ran kommen. HTML code sieht so aus:
wenn ich es so mache:HTML-Code:<div class="button" title="PDF Dokument"><a href="http://www.mydomain.com/mypdf.pdf">pdf</a></div>
bekomme die Meldung:Code:var mypdf = document.getElementsByClassName("button"); var l = mypdf[0].href; alert(l);
undefined
Wie muss mein javascript-code sein, damit alert mir den Link anzeigt?
Danke schon mal.
-
26-07-2020, 09:22 #2
Administrator
- registriert
- 01-05-2010
- Beiträge
- 7.758
AW: Link innerhalb eines links
Wenn man eh das Erste braucht, finde ichHTML-Code:<!DOCTYPE html> <html> <head> <title>Test</title> <meta charset="utf-8"> </head> <body> <div class="button" title="PDF Dokument"><a href="http://www.mydomain.com/mypdf.pdf">pdf</a></div> <script> alert('Link: "'+document.querySelector('.button').firstChild.href+'"'); </script> </body> </html>
.querySelector()schöner. Da kann man nämlich die bekannte jQuery Syntax verwenden.
Dein Fehler: du versuchst das href des div zu lesen. href hat aber nur das child vom div.Das deutsche Javascript Forum http://forum.jswelt.de
-
26-07-2020, 15:53 #3
Grünschnabel
- registriert
- 03-05-2011
- Beiträge
- 7
AW: Link innerhalb eines links
vielen Dank, hat super funktioniert
-
27-07-2020, 17:27 #4
Super Moderator
- registriert
- 28-03-2008
- Beiträge
- 17.732
AW: Link innerhalb eines links
Wenn man schon einen Selector verwendet, kann man auch gleich zum <a> selbst gehen:
- dadurch hat man dann kein Problem, wenn da noch andere Elemente (Text oder Nodes) davor kommen.HTML-Code:<!DOCTYPE html> <html> <head> <title>Test</title> <meta charset="utf-8"> </head> <body> <div class="button" title="PDF Dokument"><a href="http://www.mydomain.com/mypdf.pdf">pdf</a></div> <script> alert('Link: "'+document.querySelector('.button a').href+'"'); </script> </body> </html>
ZitierenÄhnliche Themen
-
jQuery - Links innerhalb von XML Daten
Von loivlis im Forum JavaScriptAntworten: 1Letzter Beitrag: 18-11-2008, 10:27 -
Auf DIV innerhalb eines DIV zugreifen
Von Sillium im Forum JavaScriptAntworten: 4Letzter Beitrag: 20-11-2007, 12:21 -
Bild innerhalb eines JS
Von callboy im Forum JavaScriptAntworten: 2Letzter Beitrag: 11-01-2006, 17:42 -
Bei überfahren eines links Rahmen um link/text?
Von The Knight im Forum CSS und (X)HTMLAntworten: 1Letzter Beitrag: 21-02-2005, 15:38 -
INNERHALB eines Dokuments den Inhalt eines Ordners anzeigen
Von Engiwuk im Forum JavaScriptAntworten: 7Letzter Beitrag: 11-02-2001, 14:06
Lesezeichen