javascript - 如何隐藏该段落标签？

Question

我对这一切都很陌生，但我学得很快，因为在我看来这真的很容易。我正在尝试让按钮隐藏 <p>另一个按钮产生的标签。如何使按钮(在代码底部)使 <p>标签消失？

<button type="button"
onclick="document.getElementById('date_button').innerHTML = Date()">
Click this button to display the current time!</button><br>
<p id="date_button"></p><br><br>
<button onclick="myFuction()">Click this to hide date.</button>

Answer 1

您必须定义被调用的函数并使用 display:none 隐藏段落

function myFuction() {
  document.getElementById('date_button').style.display = 'none'
}

<button type="button" onclick="document.getElementById('date_button').innerHTML = Date();document.getElementById('date_button').style.display='block'">
Click this button to display the current time!</button><br>
<p id="date_button"></p><br><br>
<button onclick="myFuction()">Click this to hide date.</button>