標簽文本為空時如何隱藏Div？

Question

我試圖通過檢查標簽是否為空來隱藏'div'。 但是出了點問題。 下面是我使用的代碼。

<script>
 function myfun(){
     if (document.getElementById('department').innerHTML=='') {
         document.getElementById('departmentdiv').style.display="none";
     }
 }
</script>
<body onload="myfun()">
  <div id="departmentdiv" class="row-fluid">
    <label>DEPARTMENT:</label>
    <label id="department"><?php if (!empty($_POST['department']))echo $_POST['department'];?></label>
  </div>
</body>

我從另一個頁面獲取POST [部門]值，並將其分配給該頁面中的標簽。 我只想在值不為null時顯示div。 但是，問題是即使此標簽不為null，標簽也不會在此頁面上顯示。 有人可以幫我嗎

Answer 1

可能是您可以嘗試使用php空函數進行驗證。如果郵政部門不為空，則顯示：

<script>
    function myfun(){
    <?php if (empty($_POST['department'])){?>
        document.getElementById('departmentdiv').style.display="none";
    <?php }?>
    }
</script>

Answer 2

嘗試這樣的事情，

if (document.getElementById('department').innerHTML.length) {
    document.getElementById('departmentdiv').style.display="none";
}

如果空格引起了問題，

 if (document.getElementById('department').innerHTML.trim().length) {
   document.getElementById('departmentdiv').style.display="none";
 }

Answer 3

使用isset()代替empty() :)

Answer 4

InnerHTML運行正常：

 if (document.getElementById('department').innerHTML == '') {
     document.getElementById('departmentdiv').style.display = "none";
 }

這是工作演示

Answer 5

正如您在此JSFiddle中所看到的，它確實起作用。 問題必須出在PHP代碼上。 您無需使用empty()進行測試，只需輸出變量即可。 如果部門中可能有空白，請在輸出之前對其進行trim

<div id="departmentdiv" class="row-fluid">
    <label>DEPARTMENT:</label>
    <label id="department"><?= trim($_POST['department']); ?></label>
</div>

標簽文本為空時如何隱藏Div？

問題描述

5 個解決方案

解決方案1
2 2013-12-30 11:28:18

解決方案2
1 2013-12-30 11:24:05

解決方案3
1 2013-12-30 11:34:02

解決方案4
1 2013-12-30 11:41:58

解決方案5
1 已采納 2013-12-30 11:43:01

標簽文本為空時如何隱藏Div？

問題描述

5 個解決方案

解決方案1 2 2013-12-30 11:28:18

解決方案2 1 2013-12-30 11:24:05

解決方案3 1 2013-12-30 11:34:02

解決方案4 1 2013-12-30 11:41:58

解決方案5 1 已采納 2013-12-30 11:43:01

解決方案1
2 2013-12-30 11:28:18

解決方案2
1 2013-12-30 11:24:05

解決方案3
1 2013-12-30 11:34:02

解決方案4
1 2013-12-30 11:41:58

解決方案5
1 已采納 2013-12-30 11:43:01