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

时间:2019-06-13 16:57:43

标签: javascript html

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

页面加载前的示例:

<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>

2 个答案:

答案 0 :(得分: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设置按钮文本。

答案 1 :(得分:0)

  • 您应该使用value,而不是innerHTML
  • 并使用+=将值附加到旧值,而不是替换
  • 如果要替换,只需使用=
  • 另外,您应该使用localStorage

    document.getElementById(“ result”)。value + = localStorage.getItem(“ chore”);