javascript - 如何使用javascript隐藏php中的div？

Question

我有一个 div 需要用 php 脚本隐藏。这是我到目前为止编写的代码...但我没有得到确切的结果...

<?php
$s = "2";
if($s == "1")
{
echo "empty fr";
?>
<script type="text/javascript">document.getElementById('#ts').style.display = 'none';</script>
<?php
}
?>
<div id="ts"><label for="terry">Text<input type="checkbox" name="Terry" id="terry" value="1" /></label></div>

Answer 1

这里有两个问题。

首先，大多数回答者建议的。

document.getElementById('#ts').style.display = 'none';

您不需要 #这里。删除它。

document.getElementById('ts').style.display = 'none';

但是，还有一件事。您在加载要隐藏的元素之前调用此代码，因此它不起作用。你必须要么

• 移动<script>在要隐藏的元素之后

  <div id="ts"><label for="terry">Text<input type="checkbox" name="Terry" id="terry" value="1" /></label></div>
  <?php
  $s = "2";
  if($s == "1")
  {
  echo "empty fr";
  ?>
  <script type="text/javascript">document.getElementById('#ts').style.display = 'none';</script>
  <?php
  }
  ?>
  

  如果您发布的代码是该部分中的所有代码，那么这不会导致任何副作用，因为您没有在 PHP 的该部分中打印任何可见内容。

• 使用onload事件。

  <?php
  $s = "2";
  if($s == "1")
  {
  echo "empty fr";
  ?>
  <script type="text/javascript">
  window.addEventListener("load", function(){
      document.getElementById('ts').style.display = 'none';
  });
  </script>
  <?php
  }
  ?>
  <div id="ts"><label for="terry">Text<input type="checkbox" name="Terry" id="terry" value="1" /></label></div>
  

  这会在页面加载时调用该函数。