Span auslesen

kleiner_floh

Mitglied
Hallo Leute,

ich muss den Inhalt eines Span auslesen, damit ich ihn per OnClick weiterbenutzen kann.

Code:
<td class='cl'>
<a href='/kassenbuch/hekaton.do?ctrl=csv_list&action=Drilldown&param=12461' onClick='HIER MUSS ICH AUF DAS SPAN ZUGREIFEN' target='_blank'>
<span>H:\kassenbuch\upload\WABE_Export_04012008.csv</span>
</a>
</td>

Ich hoffe ihr versteht was ich meine und könnte helfen.
Schonmal vielen Dank

Floh
 
Hi,

kannst Du dem span nicht eine ID geben und dann per document.getElementById drauf zugreifen?
Ansonsten könntest Du über getElementsByTagName des a-Knotens gehen.

LG
 
Tja, ID vergeben ist in diesem Fall leider nicht möglich, sonst wäre mir die Lösung klar gewesen...

du meinst es in diesem Fall so z.B.

this.getElementsByTagName('SPAN').text

o.a?
 
Hi,

also, erstmal liefert getElementsByTagName logischerweise ein Array. D.h., wenn Du weißt, dass da nur ein span drin sein kann, nimmst Du einfach das erste Element.
Die Eigenschaft "text" kenne ich nicht. Wo hast Du das her? innerHTML sollte das Gewünschte liefern.
Ansonsten hatte ich das vom Ansatz her gemeint. ;)

LG
 
Kannst Du dem <a> Tag auch keine ID verpassen?
Von da aus könntest Du Dich doch zum <span> vorarbeiten.

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<script type="text/javascript">

function aufruf(){
	var link_aufruf = document.getElementById("1").firstChild.firstChild;
	alert(link_aufruf.nodeValue);
}

</script>
</head>

<body>
<table border="1">
<tr>
<td class='cl'>
<a href='#' id="1" onClick='aufruf()'><span>H:\kassenbuch\upload\WABE_Export_04012008.csv</span>
</a>
</td>
</tr>
</table>
</body>
</html>

noch´n Gedicht ... :)

Du kannst es natürlich auch so mit getElementsByTagName versuchen. Da brauchst Du dann keine ID:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<script type="text/javascript">

function aufruf(aufruf){
	var tag_name = document.getElementsByTagName("a")[aufruf].firstChild.firstChild;
	alert(tag_name.nodeValue);
//	var link_aufruf = document.getElementById("1").firstChild.firstChild;
//	alert(link_aufruf.nodeValue);
}

</script>
</head>

<body>
<table border="1">
<tr>
<td class='cl'>
<a href='#' onClick='aufruf(0)'><span>H:\kassenbuch\upload\WABE_Export_04012008.csv</span>
</a><br />
<a href='#' onClick='aufruf(1)'><span>blabla.csv</span>
</a>
</td>
</tr>
</table>
</body>
</html>


Gruß

Torsten
 
Zuletzt bearbeitet:
Hi,

so in der Art. Allerdings muss man bei der Verwendung von firstChild beachten, dass die Browser Leerzeichen, Zeilenumbrüche und Kommentare unterschiedlich behandeln. Wenn Du Dir nicht sicher bist, tut ein zusätzliches getElementsByTagName("span") ja auch nicht weh.
Und IDs müssen übrigens mit einem Buchstaben beginnen ;)

LG
 
Zurück