php中有一个脚本,当选中复选框时,该脚本将更改div
的显示,复选框的位置与脚本所在的位置不同。
代码片段显示在下方
if($_POST['test'] == 1)
{
echo "<script> document.getElementById('seoTerm').style.display='block';</script>";}
我把上面的代码放在当前页面的head
中。当$_POST['test']
是1
时,id为seoTerm
的div
的显示仍然是none,而不是块。
这里出了什么问题?
为了操作DOM,它可能会提前触发。
尝试:
<script>
window.onload = function(){
document.getElementById('seoTerm').style.display='block';
};
</script>
script
标签中存在错误
更改为<script>
而不是<script?>
使用
echo "<script>document.getElementById('seoTerm').style.display='block';</script>";
而不是
echo "<script?> document.getElementById('seoTerm').style.display='block';</script>";
您需要两种解决方案,要么使用document.ready事件,要么在元素显示后回显此代码。
如果在JavaScript试图将事件绑定到元素之前执行此操作,则元素可能不存在。
echo "<script>window.onload = function(){ document.getElementById('seoTerm').style.display='block'};</script>"