如何使用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';

Answer 2

這里有兩個問題。

首先，大多數回答者建議的那個。

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> 

  加載頁面時，將調用該函數。

Answer 3

您不需要在document.getElementById（）中使用#

像這樣使用它

<script type="text/javascript">document.getElementById('ts').style.display = 'none';</script>

Answer 4

使用純JavaScript getElementById方法調用時，無需使用#字符。

因此，只需將您的電話更改為此：

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

哈希字符僅對於jQuery是必需的，因為它使用Sizzle引擎作為選擇器。

您可以在此處了解有關方法調用的更多信息。