使用类更改html按钮上的文本

时间:2014-11-04 16:05:04

标签: javascript html asp.net

我有一个按钮,用于在我的aspx文件中调用代码。我试图改变按钮上的文字无济于事。

HTML:

<button class="radius button" runat="server" id="buttonUpload" onServerClick="buttonUpload_Click"               >Execute SQL</button>

这是javascript:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<%--<asp:ScriptManager ID="scripman1" runat="server" EnablePageMethods="True">
</asp:ScriptManager>--%>
<link rel="stylesheet" href="stylesheets/foundation.min.css">
<link rel="stylesheet" href="stylesheets/app.css">
<script src="javascripts/modernizr.foundation.js"></script>

<style >
    @import "css/datatables/demo_page.css";
    @import "css/datatables/demo_table.css";
     @import "Table Sorter/style.css";

</style>
<script type="text/javascript" src="js/tablesorter/jquery.tablesorter.js"></script>
<script type="text/javascript" src="js/vendor/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
            $("#buttonUpload").text('Save');
        });

我试过了$("#buttonUpload").html('Save')。似乎没什么用。

2 个答案:

答案 0 :(得分:1)

等到DOM首先加载(和jQuery)。 .text().html()都可以使用。

$(document).ready(function() {
  $("#buttonUpload").text('Save');
});

答案 1 :(得分:0)

我发现问题是runat“server”属性

<button class="radius button" runat="server" id="buttonUpload" onServerClick="buttonUpload_Click"               >Execute SQL</button>

当您删除该按钮的文本更新时。