标签文本为空时如何隐藏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