用html显示内容

我在玩一些html，我想我可能会遇到一些我可以在我的网站上使用的东西。 嗯，当我在玩html时，我遇到了隐藏html内容的问题，所以我想到了一个可能实现这一点的代码。这是我的密码

消失。 Html是最好的

函数myFunction{ var b=document.getElementByIdon.value ifb==on{ document.getElementByIddemo.style.visibility=隐藏 } }

---

您在此处以错误的方式使用复选框。我们必须改为使用for checked属性

if(b =="on"){
  document.getElementById("demo").style.visibility = "hidden"
}

b==on是一个真实的字符串，并且始终为真

另外，最好使用display:none；而不是隐藏

完整的工作代码：只有在检查输入并单击下面的div时才会消失，这在本例中更有意义。试试这个

消失。 Html是最好的

函数myFunction{ var b=document.getElementByIdon； console.logb； 如果检查过{ document.getElementByIddemo.style.display=none； } }

---

您在此处以错误的方式使用复选框。我们必须改为使用for checked属性

if(b =="on"){
  document.getElementById("demo").style.visibility = "hidden"
}

b==on是一个真实的字符串，并且始终为真

另外，最好使用display:none；而不是隐藏

完整的工作代码：只有在检查输入并单击下面的div时才会消失，这在本例中更有意义。试试这个

消失。 Html是最好的

函数myFunction{ var b=document.getElementByIdon； console.logb； 如果检查过{ document.getElementByIddemo.style.display=none； } }

---

嗯，这真的取决于你的产出。使用您拥有的代码，那么所有将发生的事情就是元素将变得透明。不幸的是，这也意味着页面上的其他元素的行为与它们的一样，因为它是，您刚刚将不透明度更改为0

完全移除该元素的替代方案是：

function myFunction(){
    var b = document.getElementById("on").value
    if(b =="on"){
       document.getElementById("demo").remove()
    }
}

上述操作将完全删除页面中的元素。更多文档请参见：

或者，您也可以将显示更改为无。这将结合上述两个选项，既可以使其消失，也可以使其他元素不会对其放置作出反应。因此，与remove方法不同，这将在硬代码中保留，但在视觉上不可能路由出：

function myFunction(){
    var b = document.getElementById("on").value
    if(b =="on"){
       document.getElementById("demo").style.display = "none"
    }
}

---

最后一个可能是最有效的，因为它将元素保留在代码中，并阻止其他元素与它进行特殊的交互。

好吧，这实际上取决于您要获得的输出。使用您拥有的代码，那么所有将发生的事情就是元素将变得透明。不幸的是，这也意味着页面上的其他元素的行为与它们的一样，因为它是，您刚刚将不透明度更改为0

完全移除该元素的替代方案是：

function myFunction(){
    var b = document.getElementById("on").value
    if(b =="on"){
       document.getElementById("demo").remove()
    }
}

上述操作将完全删除页面中的元素。更多文档请参见：

或者，您也可以将显示更改为无。这将结合上述两个选项，既可以使其消失，也可以使其他元素不会对其放置作出反应。因此，与remove方法不同，这将在硬代码中保留，但在视觉上不可能路由出：

function myFunction(){
    var b = document.getElementById("on").value
    if(b =="on"){
       document.getElementById("demo").style.display = "none"
    }
}

---

最后一个可能是最有效的，因为它将元素保留在代码中，并阻止其他元素与它进行特殊的交互。

我尝试将这两种解决方案结合起来，下面是它的运行方式。它的工作超出了我的预期

消失。 Html是最好的

函数myFunction{ var b=document.getElementByIdon； console.logb； 如果检查过{ document.getElementByIddemo.style.visibility=隐藏； } 否则{ document.getElementByIddemo.style.visibility=可见 } }

---

我试着将你们的两种解决方案结合起来，下面是它的运作方式。它的工作超出了我的预期

消失。 Html是最好的

函数myFunction{ var b=document.getElementByIdon； console.logb； 如果检查过{ document.getElementByIddemo.style.visibility=隐藏； } 否则{ document.getElementByIddemo.style.visibility=可见 } }

---

在这样小而简单的事情中，效率根本不重要。代码的执行时间非常短，大约为0.000314秒。很抱歉，您误解了，所以编辑了我的问题。我想知道它是否是最短的代码，占用的空间是否最少。在像这样小而简单的东西中，效率根本不重要。代码的执行时间非常短，大约为0.000314秒。很抱歉，您误解了，所以编辑了我的问题。我想知道这是否是最短的代码同时占用最少的空间。谢谢。所以你的意思是，我应该去掉if语句，将hidden改为none？我将分享帮助你的代码：查找输入的checked属性，而不是使用on。胆碱酯酶

---

在一分钟内检查我的更新；如果这对您有帮助，请单击勾号图标接受我的答案：谢谢我会接受的，不要担心：。如果您更新了我的答案，我觉得这是复选框的最佳使用案例。只有在选中并单击按钮后，下面的元素才会消失：谢谢。希望这些信息对你有帮助谢谢，你的两个答案都很棒，谢谢。所以你的意思是，我应该去掉if语句，将hidden改为none？我将分享帮助你的代码：查找输入的checked属性，而不是使用on。一分钟后检查我的更新；如果这对您有帮助，请单击勾号图标接受我的答案：谢谢我会接受的，不要担心：。如果您更新了我的答案，我觉得这是复选框的最佳使用案例。只有在选中并单击按钮后，下面的元素才会消失：谢谢。希望这些信息对你有用谢谢，你的两个答案都很棒。W3学校经常不准确或过时。改用。你的第二种方法似乎就是我一直在寻找的方法。W3Schools通常不准确或过时。你的第二种方法似乎就是我要找的。