gpt4 book ai didi

javascript - 无法使用 JavaScript 隐藏 HTML div

转载 作者:行者123 更新时间:2023-11-28 10:30:33 25 4
gpt4 key购买 nike

我有一个带有以下登录表单代码的 JSP:

<c:if test="${requestScope.loginFailed == true}">
<script>
show('login-failed');
</script>
</c:if>
<c:if test="${sessionScope.userLoggedIn == true}">
<script>
show('welcome');
hide('login-table');
</script>
</c:if>

<div id="welcome" style="display: none;">
<p style="color: green">Welcome ${sessionScope.user.userName}</p>
</div>

<div id="login-failed" style="display: none;">
<p style="color: red">Invalid UserName/Password!</p>
</div>

<div id="login">
.........................
....actual login form....
.........................
</div>

在我编写的 JavaScript 代码中

function show(id) {
document.getElementById(id).style.display = 'block';
}

function hide(id) {
document.getElementById(id).style.display = 'none';
}

但是,即使用户登录并且 userLoggedIn属性位于 sessionScope 中即使 <c:if>测试成功,如果我无法隐藏 login分区谁能指导我?

最佳答案

showhide 函数在它们影响的元素之前被调用

您应该将脚本移动到这些元素之后(更简单),或者将它们的执行推迟到页面末尾(稍微复杂一些,但通常被认为“更正确”)。

关于javascript - 无法使用 JavaScript 隐藏 HTML div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23546032/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com