如何使用document.getElementById（“ myButton”）。text =“ myText”;更改按钮的文本

Question

我希望我的按钮在链接按钮单击时更改文本（例如：“保存”为“编辑”）。

document.getElementById("btnAddAction").text="edit";

但是此语法不起作用，您能帮我吗？

Answer 1

使用textContent而不是文字

document.getElementById("btnAddAction").textContent="edit";

<button id="btnAddAction">text</button>

使用innerText

document.getElementById("btnAddAction").innerText="edit";

<button id="btnAddAction">text</button>

使用innerHTML

document.getElementById("btnAddAction").innerHTML="edit";

<button id="btnAddAction">text</button>

Answer 2

text不是DOM节点属性。您可以尝试使用Node.textContent或HTMLElement.innerText

Answer 3

1. <button id="thebutton"> <span class="ui-button-text">My Text</span> </button>
   然后使用$("#thebutton span").text("My NEW Text");

2. <button id="thebutton"> My Text</span> </button>
   然后使用$("#thebutton").text("My NEW Text");

Answer 4

    <asp:Linkbutton id="BtnLink" runat="server" Text="Save" ClientIDMode="Static"></asp:Linkbutton>


  $(document).ready(function () {
        $(document).click(function () {
            $("#BtnLink").text("Edit");
            return false;
        });
    });

请尝试以下代码