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>

Answer 2

尝试一下。我认为这可以帮助

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

Answer 3

您要重新显示它，因此需要将其innerHTML设置为''。如果您愿意，style.display = 'none'。它不会再显示<p>

function myFunction(){
  document.getElementById('date_button').innerHTML = '';
}

<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="myFunction()">Click this to hide date.</button>

如何隐藏此段落标签？

3 个答案: