Ergebnis 1 bis 4 von 4
Like Tree1Likes
  • 1 Post By mikdoe

Thema: Link innerhalb eines links

  1. #1
    pumuckl ist offline 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:

    HTML-Code:
    <div class="button" title="PDF Dokument"><a href="http://www.mydomain.com/mypdf.pdf">pdf</a></div>
    wenn ich es so mache:

    Code:
    var mypdf = document.getElementsByClassName("button"); var l = mypdf[0].href; alert(l);
    bekomme die Meldung:
    undefined

    Wie muss mein javascript-code sein, damit alert mir den Link anzeigt?

    Danke schon mal.

  2. #2
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.758

    AW: Link innerhalb eines links

    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').firstChild.href+'"');
    		</script>
    	</body>
    </html>
    Wenn man eh das Erste braucht, finde ich .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.
    pumuckl likes this.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png

  3. #3
    pumuckl ist offline Grünschnabel
    registriert
    03-05-2011
    Beiträge
    7

    AW: Link innerhalb eines links

    vielen Dank, hat super funktioniert

  4. #4
    Avatar von kkapsner
    kkapsner ist offline 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:
    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>
    - dadurch hat man dann kein Problem, wenn da noch andere Elemente (Text oder Nodes) davor kommen.

Ähnliche Themen

  1. jQuery - Links innerhalb von XML Daten
    Von loivlis im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 18-11-2008, 10:27
  2. Auf DIV innerhalb eines DIV zugreifen
    Von Sillium im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 20-11-2007, 12:21
  3. Bild innerhalb eines JS
    Von callboy im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 11-01-2006, 17:42
  4. Bei überfahren eines links Rahmen um link/text?
    Von The Knight im Forum CSS und (X)HTML
    Antworten: 1
    Letzter Beitrag: 21-02-2005, 15:38
  5. Antworten: 7
    Letzter Beitrag: 11-02-2001, 14:06

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •