停止asp：按鈕HTML編碼的文本

Question

我正在維護一個ASP.NET 3.5應用程序，並且我想在Button控件的Text屬性中添加一些「屏幕外」html內容，以使其更易於訪問，例如

<asp:Button CssClass="std-text" runat="server" ID="btnChangeLocation" 
      OnClick="btnChangeLocation_Click" 
      Text="Set<span class='offscreen'> Location</span>" /> 

但文本總是HTML編碼，我該如何阻止？要做到這一點

Answer 1

一種方法是使用JavaScript替換，例如：

<asp:Button CssClass="std-text" runat="server" 
     ID="btnChangeLocation" OnClick="btnChangeLocation_Click" 
     data-text="Set<span class='offscreen'> Location</span>" 
     Text="replace-text" /> 

，並呼籲像加載一個替代方法：

$(function() { 

    replaceAllTexts(); 
}); 

function replaceAllTexts() { 

    // for each button 
    $("input[type='button']").each(function() { 

     // if the text is 'replace-text' and there is a data-text attribute 
     if($(this).text() === "replace-text" && $(this).attr("data-text")) { 
      // replace button's text 
      $(this).html($(this).attr("data-text")); 
     } 
    }); 
}