Linktext ändern
Melzmann
- javascript
1 D.R.
Hallo ich würde gerne ein linktext mit Hilfe von Javascript verändern wenn sich der Zustand eine CSS Styles ("display") ändert gedacht hab ich mir dies folgendermaßen:
<head>
<link rel="stylesheet" type="text/css" href="expand_box.css" />
<script type="text/javascript">
function setexpand ()
{
if(document.getElementById("error").style.display == "none")
{
document.getElementById("error").style.display = "block";
}
else
{
document.getElementById("error").style.display = "none";
}
}
function text()
{
var abc="lol";
if(document.getElementById("error").style.display == "none")
{
abc="Hallo2";
}
else
{
abc="Hallo3";
}
document.write(abc);
}
</script>
<title>Hello!</title>
</head>
<body>
<div class="box"><a href="javascript:setexpand()"><script>text();</script></a></div>
<div class="expand" id="error" style="display: none "></div><br />
</body>
</html>
und so funktionierts nicht im geringsten! Hab ich einen Denkfehler?
Bzw. Wo und wie ist mein Denkfehler?
Schönen Dank für eure Hilfe!
mfg
Melzmann
Hallo,
Hallo ich würde gerne ein linktext mit Hilfe von Javascript verändern wenn sich der Zustand eine CSS Styles ("display") ändert gedacht hab ich mir dies folgendermaßen:
Ich hab mir deinen Code jetzt nicht so genau angeschaut, aber um einen Link-Text zu ändern gibt es mehrere Möglichkeiten:
entweder
Element.firstChild.nodeValue = "dein Text"
oder
Element.firstChild.data = "dein Text"
oder
Element.innerHTML = "dein Text"
Element steht in deinem Fall für "document.getElementById("error")". Die 1. beiden genannten Funktionen können nur reinen Text enthalten. Die letzt (innerHTML) dagegen, kann auch HTML beinhalten.
Den Unterschied zwischen den ersten beiden Funktionen, hab ich irgendwie noch nicht so richtig kapiert - die Wirkung ist jedenfalls gleich.
mfg. Daniel