Javascript 如何隐藏/显示DIV'；s基于Div ID内容_Javascript_Html

Javascript 如何隐藏/显示DIV'；s基于Div ID内容

javascript html

Javascript 如何隐藏/显示DIV'；s基于Div ID内容,javascript,html,Javascript,Html,我在div中动态显示了内容，我想阻止某些div出现。代码如下所示： <div class = "DivStyle" id="computer"> <img src = "computer,jpg"> </div> <div class = "DivStyle" id="harddisk"> <img src = "harddisk.jpg"> </div> <div class = "DivSty

我在div中动态显示了内容，我想阻止某些div出现。代码如下所示：

 <div class = "DivStyle" id="computer">
  <img src = "computer,jpg">
 </div>

 <div class = "DivStyle" id="harddisk">
  <img src = "harddisk.jpg">
 </div>

 <div class = "DivStyle" id="cable">
  <img src = "cable.jpg">
 </div>

等等

如何使用Javascript阻止上面的div表“硬盘”出现？基本上我想说“如果ID=harddisk，那么display=none”

提前谢谢

使用普通javascript，这将隐藏您的div:

document.getElementById('harddisk').style.display = "none";

javascript的完整位置示例：

<html>
<head></head>
<body>
    <div class = "DivStyle" id="computer">
      <img src = "computer,jpg">
    </div>
    <div class = "DivStyle" id="harddisk">
      <img src = "harddisk.jpg">
    </div>
    <div class = "DivStyle" id="cable">
      <img src = "cable.jpg">
    </div>
<script>
    document.getElementById('harddisk').style.display = "none";
</script>
</body>


document.getElementById（“硬盘”）.style.display=“无”；

使用普通javascript，这将隐藏您的div:

document.getElementById('harddisk').style.display = "none";

javascript的完整位置示例：

<html>
<head></head>
<body>
    <div class = "DivStyle" id="computer">
      <img src = "computer,jpg">
    </div>
    <div class = "DivStyle" id="harddisk">
      <img src = "harddisk.jpg">
    </div>
    <div class = "DivStyle" id="cable">
      <img src = "cable.jpg">
    </div>
<script>
    document.getElementById('harddisk').style.display = "none";
</script>
</body>


document.getElementById（“硬盘”）.style.display=“无”；

加载DOM后必须执行脚本，请将代码移到该块中，如下所示

(function() {
    document.getElementById('harddisk').style.display = "none";
})();

如果您使用的是UpdateTable，请使用以下选项：

var pageRequestManager = Sys.WebForms.PageRequestManager.getInstance();

pageRequestManager.add_endRequest(function () {
    document.getElementById('harddisk').style.display = "none";
});

脚本必须在加载DOM后执行，将代码移到这个块中，如下所示

(function() {
    document.getElementById('harddisk').style.display = "none";
})();

如果您使用的是UpdateTable，请使用以下选项：

var pageRequestManager = Sys.WebForms.PageRequestManager.getInstance();

pageRequestManager.add_endRequest(function () {
    document.getElementById('harddisk').style.display = "none";
});

使用jquery，很简单：

$（'img[src=“harddisk.jpg”]）.parent（）.hide（）。使用裸js，虽然不太简单，但概念相同。获取所有img，循环它们，检查src属性，然后隐藏父节点。@MarcB我认为我们试图根据ID而不是图像源来隐藏。然后更简单，getElementById（'harddisk'）。parentNode.style.display='none'
我不知道如何使用jQuery。你能举个例子吗？我应该在哪里添加代码？在页面头部的侧面，还是在html的div/div中？抱歉问了这些愚蠢的问题。：）使用jquery，很简单：$（'img[src=“harddisk.jpg”]）.parent（）.hide（）。使用裸js，虽然不太简单，但概念相同。获取所有img，循环它们，检查src属性，然后隐藏父节点。@MarcB我认为我们试图根据ID而不是图像源来隐藏。然后更简单，getElementById（'harddisk'）。parentNode.style.display='none'
我不知道如何使用jQuery。你能举个例子吗？我应该在哪里添加代码？在页面头部的侧面，还是在html的div/div中？抱歉问了这些愚蠢的问题。：）谢谢虽然我试过了，但不起作用。我将您的代码添加到文档头部的脚本标记中，但没有任何更改。Web inspector说“！Null也不是一个对象”错误，如果这有帮助的话。是的，加载DOM后需要运行javascript。如果将它放在页面末尾，它应该可以工作。谢谢！我尝试了，但没有工作。我在文档头的脚本标记中添加了您的代码，但没有任何更改。Web inspector说”！如果这有帮助的话，Null也不是一个对象错误。是的，您需要在加载DOM后运行javascript。如果你把它放在这一页的末尾，它应该会起作用。