首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在PHP中使用JavaScript更改HTML属性

在PHP中使用JavaScript更改HTML属性
EN

Stack Overflow用户
提问于 2018-10-25 04:01:47
回答 2查看 179关注 0票数 -1

我有这两个HTML元素,它们是隐藏的,当有人输入错误的凭据时,它们应该是可见的。

用户名

代码语言:javascript
复制
<div class="alert alert-danger login_alert" id="username_alert" role="alert"><span>Your username is incorrect. Please try again.</span></div>

密码

代码语言:javascript
复制
<div class="alert alert-danger login_alert" id="password_alert" role="alert"><span>Your password is incorrect. Please try again.</span></div>

在php中,当密码错误时,我会尝试下面这行代码:

代码语言:javascript
复制
echo '<script>console.log("Error: Password incorrect"); document.getElementById(password_alert).style.display = "block";</script>';

这个console.log会显示在控制台中,但之后我会看到:

代码语言:javascript
复制
Uncaught ReferenceError: password_alert is not defined
    at login.php:15

这是在我的div中定义的password_alert。我也尝试使用ClassName()为用户名和密码创建两个login_alert类,但这也不起作用。

EN

回答 2

Stack Overflow用户

发布于 2018-10-25 04:07:51

实际上,您必须更改

document.getElementById(password_alert)

document.getElementById("password_alert")

从getElementById Manual的定义

票数 2
EN

Stack Overflow用户

发布于 2018-10-25 15:52:10

根据@RobinZigmond的建议,通过将整个PHP部分移到HTML <body>的末尾,解决了这个问题。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52977112

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档