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

How do Hide / Show DIV's based on Div ID Content

本文关键字：隐藏 显示 DIV 何根 Div ID      更新时间：2023-09-26

我在 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 =硬盘，则显示=无"。

提前感谢！

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

脚本必须在加载 DOM 后执行，将代码移动到此块内，如下所示

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

如果您使用的是 updatepabel，请使用这个：

var pageRequestManager = Sys.WebForms.PageRequestManager.getInstance();
pageRequestManager.add_endRequest(function () {
    document.getElementById('harddisk').style.display = "none";
});
相关文章：