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

Question

我想将从上一页发送的文本添加到按钮的值中，因此按钮将发送的值和先前的值相加。我将值存储在 session 存储中只是为了上下文。

页面加载前的示例:

<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 来设置按钮文本。