Question

点击它时，我需要更改点击的超链接文本的颜色，这是div的一部分。同一个div中有许多超链接，如下所示：

 <div id="link"<br>
    <b>Period:</b>
    (<%= link_to_remote "Today", :url =>{:action =>'period_list',:period=>"today"},:onmouseclick=>"changeColor(this,'#FF0000');"%>/
     <%= link_to_remote "This week", :url =>{:action =>'period_list',:period=>"weeks"}%>/
     <%= link_to_remote "This month", :url =>{:action =>'period_list',:period=>"months"}%>
  </div>

在<head>中给出了以下代码：

<script type="text/javascript" language="javascript">
function changeColor(idObj,colorObj)
{
    document.getElementById(idObj.id).style.color = colorObj;
}
</script>

但是，点击“今天”后，文字颜色不会改变。

请你解决这个问题。

感谢...

Answer 1

您没有为链接提供ID，因此idObj.id返回空字符串，document.getElementById(idObj.id)返回NULL。

要解决此问题，请改为使用此类代码：

idObj.style.color = colorObj;

＆lt;％= link_to_remote＆gt ;,更改超链接文本颜色Onmouseclick

1 个答案: