ASP.NETのDatalistコントロールのJavaScript？

Question

Webアプリケーションでは、mouseoverとmouseoutのJavaScriptを記述してボタンの色を変更します。ボタンがデータリストコントロールにあるときは機能しません。ボタンがデータリストコントロールの外にある場合は正常に動作しています。これは私のコードです、助けてください。

<script type="text/javascript" > 
function changeImage() 
{  
    document.getElementById("btnView").style.background = "#AD1F13"; 
} 

function changeImage1() 
{ 
    document.getElementById("btnView").style.background = "#005594"; 
} 
</script> 

<asp:DataList ID="dtlstMagazine" class='tableborder' runat ="server" Width ="100%" 
      onitemdatabound="dtlstMagazine_ItemDataBound" 
      onitemcommand="dtlstMagazine_ItemCommand"> 
     <ItemTemplate > 
      <div style="text-align:left; " class="item-title" > 
<asp:LinkButton Font-Underline ="false" ID="ltrlTitle" CommandName="Redirect" CommandArgument='<%# Eval("titleid") %>' Font-Bold ="true" Font-Size ="Medium"   runat="server" Text ='<%# Eval("Title") %>'></asp:LinkButton> 
             </div>        
      <asp:Button ID="Btn_CR1" runat="server" Text="Continue Reading" CssClass='button3' onMouseOver="changeImage()" onMouseOut="changeImage1()" /> </ItemTemplate> </asp:DataList> 

Answer 1

実際には、属性を変更するには、リスト内のボタンへの参照が必要です。

function changeImage(obj) 
{  
    obj.style.background = "#AD1F13"; 
} 

とあなたのaspxへ：

<asp:Button ID="Btn_CR1" runat="server" Text="Continue Reading" CssClass='button3' onMouseOver="changeImage(this)" onMouseOut="changeImage1(this)" />