2011-02-17 48 views
0

我需要更改點擊超鏈接文本的顏色時,它是一個div的一部分。有在同一div許多超鏈接,如下圖所示:<%= link_to_remote>,更改超鏈接文本顏色Onmouseclick

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

但是,「今天」點擊後,文本顏色不會改變。

您能否給出一個解決方案來解決這個問題。

感謝...

回答

0

你不給鏈接給ID,所以idObj.id返回空字符串和document.getElementById(idObj.id)返回null。

爲了解決這個問題,而不是有這樣的代碼:

idObj.style.color = colorObj;