选择时应用样式

Apply Style When Select

本文关键字：样式 应用 选择      更新时间：2023-09-26

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

<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>

代码使它，当测试我链接被点击变得可见，我很好奇如何使它，当点击测试我链接的文本颜色会改变?

好吧。首先，onclick属性是错误的。这个函数调用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也现在被点击的元素

onclick="javascript: jQuery('#test').css('color', 'red'); return false;"
相关文章：