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

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&nbsp;=&nbsp;sessionStorage.getItem("chore");并附加到现有文本：document.getElementById("result").value&nbsp;+=&nbsp;sessionStorage.getItem("chore");此外，您可以像在此示例中那样设置文本：document.getElementById("result").value&nbsp;=&nbsp;"You&nbsp;have&nbsp;completed&nbsp;"&nbsp;+&nbsp;sessionStorage.getItem("chore");注意：如果您改用 HTML 按钮<button >Content</button>，则可以使用 innerHTML 来设置按钮文本。

Answer 2

你应该使用value，而不是innerHTML。并用于+=将值附加到旧值，而不是替换它如果你想更换，只需使用&nbsp;=另外你应该使用 localStoragedocument.getElementById("result").value += localStorage.getItem("chore");