Javascript 在提交时重置/清除div的先前（用户输入）内容

（有人要求我只使用Javascript。我知道我可以使用jQuery或其他方法来实现这一点。）

因此，我有一个用于输入内容的文本字段和一个在div中打印内容的提交按钮。我希望一次只能在div中看到一个提交的内容（目前，以前提交的内容也会显示）

我想我应该使用

document.getElementById（“leftblock”）.reset（）来做这个，但我无法让它工作。要么我不应该使用它，要么我找不到合适的位置放置它。你有什么办法让它发挥作用吗

我当前代码的（简化）版本：

JS:

HTML:

<input type="text" id="myText" value="">



提交




提前感谢您的时间。
您可以使用当前文本字段值重写
：

<input type="text" id="myText" value="">
<button onclick="myFunction()" id="myButton">Submit</button>
<div class="mydiv">
  <p id="leftblock"></p>
</div>

小提琴：
您可以使用当前文本字段值重写
：

<input type="text" id="myText" value="">
<button onclick="myFunction()" id="myButton">Submit</button>
<div class="mydiv">
  <p id="leftblock"></p>
</div>

小提琴：
reset（）
适用于表单和表单元素，而不是divsUse
document.getElementById（“leftblock”）.innerText=''
清除任何div、span、p标记等的数据。根据@NotABot示例代码，innerText比innerHTML更安全。非常感谢，这很有效！：）我尝试了document.getElementById（“leftblock”）.innerHTML=''；以前，但无法使其工作。
reset（）
适用于表单和表单元素，而不是divsUse
document.getElementById（“leftblock”）.innerText=''
清除任何div、span、p标记等的数据。根据@NotABot示例代码，innerText比innerHTML更安全。非常感谢，这很有效！：）我尝试了document.getElementById（“leftblock”）.innerHTML=''；之前，但无法让它工作。
  <div class="mydiv">
    <p id="leftblock"></p>
  </div>

<input type="text" id="myText" value="">
<button onclick="myFunction()" id="myButton">Submit</button>
<div class="mydiv">
  <p id="leftblock"></p>
</div>

function myFunction() {
  var x = document.getElementById("myText").value;
  document.getElementById("leftblock").innerText = x;
}