javascript --- 每次用户按下按钮时获取新数据并取消前一个

Question

每次用户按下按钮时，我想在 <h1> 上覆盖用户插入的任何内容（在本例中始终是日期），而不是继续在 DOM 上添加子项，有人能帮我吗？这是代码：

const header = document.createElement("h1");
header.classList.add("star-sign");
div.appendChild(header);

If ('statement'){header.innerHTML = 'execute'}

Answer 1

再见，通过他的id 获取h1 元素并在用户按下按钮时设置它。例如，如果你想改变 innerHTML:

document.getElementById("H1_element_Id").innerHTML = "your date here";

Answer 2

您可以在单击按钮时设置 h1 的 textContent 属性。请参阅下面的示例。

document.querySelector('#button').addEventListener('click', () => {
  document.querySelector('#date_heading').textContent = document.querySelector('#date_input').value;
});

<h1 id="date_heading">Date</h1>
<input id="date_input" type="date">
<button id="button">Submit</button>

javascript --- 每次用户按下按钮时获取新数据并取消前一个

javascript --- get a new data everytime user press the button and cancel the previous one

javascript

dom

if-statement

appendchild