如果没有可用的输出内容,如何隐藏div类?

时间:2019-10-01 19:01:27

标签: html css hide

如果没有输出字符串,我想隐藏一个部分(div类)。我该怎么做?

<div class="series"> <b>Series:</b> <a href="<?php the_field( 'series_link' ); ?>" target="_blank"><?php the_field( 'books_series' ); ?></a> <?php ?> </div>

我正在寻找当series_link没有可用内容时它消失。

1 个答案:

答案 0 :(得分:0)

您可以使它具有JS HTML DOM功能。这是给您的示例代码。

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>

  var str = "";
  var n = str.length;

  document.getElementById("demo").innerHTML = n;

  if (n==0) {
    document.getElementById("demo").style.display = "none";
  } else {
    document.getElementById("demo").style.display = "block";
  }

</script>

</body>
</html>

您可以识别字符串长度。如果为零,则将显示值设置为没有一个块,如果有任何值,则该块将显示可见部分。