• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[FRAGE] Link innerhalb eines links

pumuckl

New member
Guten Tag,
möchte an den Link-Adresse ran kommen. HTML code sieht so aus:

HTML:
<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.
 
HTML:
<!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.
 
Wenn man schon einen Selector verwendet, kann man auch gleich zum <a> selbst gehen:
HTML:
<!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.
 
Zurück
Oben