是否使用Scriptaculous更改链接文本？

Question

我有一个链接，当点击它时，会显示一个使用脚本的图像。当我再次单击该链接时，它会再次隐藏图像。现在，当单击该链接时，我调用了一个名为toggle()的函数。如何在单击时更改链接文本，并将其更改回再次单击时的状态？这就是我的功能：

<script type="text/javascript">

    function toggle(element){
        new Effect.toggle(element, 'Slide', {duration:0.5});
    }

</script>

谢谢!

Answer 1

一种解决方案是将被单击的对象传递给函数并检查其innerHTML。

<a href="#" onclick="toggle('myDiv', this); return false">click this</a>
//replace my div with the name of the element to slide.

function toggle(element, obj){
  if(obj.innerHTML == 'click this'){
    obj.innerHTML = 'clicked';
  }
  else{
    obj.innerHTML = 'click this';
  }
  new Effect.toggle(element, 'Slide', {duration:0.5});
}