如何隐藏此段落标签？

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>