Question

我有一个由代码组成的小脚本：

<script type="text/javascript">
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
</script>

还有一些HTML：

<a href="#admin" onclick="toggle_visibility('test').style.display='block';">Test Me</a>   
<br/>

<div id="test" style="display:none;">
    Hello there
</div>

代码使得当单击Test Me链接变得可见时，我很好奇如何制作它以便在单击Test Me链接时文本颜色会发生变化？

Answer 1

好。首先，onclick attr是错的，你看。该函数调用toggle_...，然后完成剩下的工作。 js-script

function toggle_visibility(id,$this) {
var e = document.getElementById(id);
if(e.style.display == 'block')
{
  $this.style.color = '';
  e.style.display = 'none';
}
else
{
   $this.style.color = 'gold';
   e.style.display = 'block';
}
}

和html代码

<a href="#admin" onclick="toggle_visibility('test',this)">Test Me</a><br/>
<div id="test" style="display:none;">
   Hello there

编辑，我还将$ this添加到现在也被点击的元素。

Answer 2

onclick="javascript: jQuery('#test').css('color', 'red'); return false;"

选择时应用样式

2 个答案: