如何根據Div ID內容隱藏/顯示DIV

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表“硬盤”顯示？ 本質上，我想說“如果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() {
    document.getElementById('harddisk').style.display = "none";
})();

如果您使用的是updatepabel，請使用以下命令：

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

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

如何根據Div ID內容隱藏/顯示DIV

問題描述

2 個解決方案

解決方案1
5 2016-02-23 16:18:35

解決方案2
0 2016-02-23 17:33:00

如何根據Div ID內容隱藏/顯示DIV

問題描述

2 個解決方案

解決方案1 5 2016-02-23 16:18:35

解決方案2 0 2016-02-23 17:33:00

解決方案1
5 2016-02-23 16:18:35

解決方案2
0 2016-02-23 17:33:00