如何动态更改我网站的元素样式

Question

在index.php文件中，我首先检查是否设置了$_SESSION['user']它不会显示登录表单，如果没有，则应显示登录表单。

这是我的登录表单样式

<style>
#login_form{visibility:hidden;}
</style>

我的PHP脚本是：

<?php
if(isset($_SESSION['user']))
dont show the login form;
else
show the login form;
?>

问题是：如何将#login_form样式更改为visible？

Answer 1

为什么在用户登录时不添加内联样式（可能是更好的类）？

<form style="<?php if(isset($_SESSION['user'])) { echo 'visibility: hidden;';}?>">
    <!-- Rest of the form -->
</form>

甚至更好，仅在登录时打印表单（因此访问者无法强制浏览器显示表单）：

<?php if(isset($_SESSION['user'])) { ?>
    <form>
        <!-- Rest of the form -->
    </form>
<?php } ?>

Answer 2

创建一个CSS类：

.invisible {
    visibility: hidden;
}

然后在您的用户已登录时应用它：

<form class="<?=isset($_SESSION['user']) ? 'invisible' : ''?>">

Answer 3

您可以直接在保存表单的div中使用它，如下所示：

<div style="<?if(isset($_SESSION['user'])){echo 'display:block'}else{echo 'display:none'}?>">
...Form code
</div>