Question

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

 <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“harddisk”出现？基本上我想说“如果ID =硬盘然后显示=无”。

提前致谢！

Answer 1

使用普通的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>

Answer 2

必须在加载DOM后执行脚本，移动此块内的代码，如此

function(err, stats){

如果您使用的是updatepabel，请使用以下内容：

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

如何根据Div ID内容隐藏/显示DIV

2 个答案: