尝试将文本添加到按钮的值

Question

我想将从上一页发送的文本添加到按钮的值中，因此该按钮将发送的值和先前的值加在一起。我将值存储在会话存储中只是为了上下文。页面加载前的示例：<input type="button" id="reset" value="You have completed ">页面加载后 - 添加的文本是“洗衣房”：<input type="button" id="reset" value="You have completed the laundry">基本上我试过的没有把文本放在按钮内：<input type="button" id="reset" value="Complete"><label><p id="result"></p></label><script>    document.getElementById("result").innerHTML = sessionStorage.getItem("currentAddress");</script>

Answer 1

对于输入，您必须使用 .value 属性来设置按钮文本：

document.getElementById("result").value = sessionStorage.getItem("chore");

并附加到现有文本：

document.getElementById("result").value += sessionStorage.getItem("chore");

此外，您可以像在此示例中那样设置文本：

document.getElementById("result").value = "You have completed " + sessionStorage.getItem("chore");

注意：如果您改用 HTML 按钮<button >Content</button>，则可以使用 innerHTML 来设置按钮文本。

Answer 2

• 你应该使用value，而不是innerHTML。

• 并用于+=将值附加到旧值，而不是替换它

• 如果你想更换，只需使用 =

• 另外你应该使用 localStorage

  document.getElementById("result").value += localStorage.getItem("chore");