nicht angemeldet
JürgenBHallo sariman,
hier mal ein Beispiel, wie du per Eventhandler auf Elementattribute zugreifen kannst:
...
<script type="text/javascript">
window.onload = function() { // erst wenn das Dokument geladen ist
var links = document.getElementsByTagName("a"); // Kollektion aller Links im Dokument
for(var i=0;i<links.length;i++) {
links[i].onclick = function() { // Jeder Link bekommt ein "onclick"
alert(this.href); // Zugrriff auf die Attribute über "this"
return false; // Damit das Linkziel nicht verfolgt wird, sonst return true
}
}
}
</script>
</head>
<body>
<p><a href="test.html">Klick</a> <a href="test1.html">Klick</a> <a href="test2.html">Klick</a> <a href="test3.html">Klick</a></p>
</body>
Im Beispiel erhalten nach dem Laden der Seite (window.onload) alle Links (bzw. alle A-Tags) einen onclick-Eventhandler, in dem über this auf das Attribut href zugegriffen wird. Die Eventhandler habe ich als anonyme Funktionen, also Funktionen ohne Namen notiert. Dieses geht über
xxx.onyyy = function() { ... }.
Du kannst aber auch
var handler = function() { ... }
xxx.onyyy = handler ; // ohne "()"
schreiben.
Mehr hierzu findest du im Javascriptkapitel von selfhtml.
Gruß, Jürgen
Struppi