从PHP使用JavaScript更改HTML属性

Question

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

用户名 ：

<div class="alert alert-danger login_alert" id="username_alert" role="alert"><span>Your username is incorrect. Please try again.</span></div>

密码：

<div class="alert alert-danger login_alert" id="password_alert" role="alert"><span>Your password is incorrect. Please try again.</span></div>

在php中，当密码错误时，我尝试以下行：

echo '<script>console.log("Error: Password incorrect"); document.getElementById(password_alert).style.display = "block";</script>';

该console.log显示在控制台中，但之后我得到：

Uncaught ReferenceError: password_alert is not defined
    at login.php:15

这在我的div定义了password_alert 。 我还使用ClassName()通过为用户名和密码创建两个login_alert类来尝试此操作，但这都不起作用。

Answer 1

有效地，您必须更改

document.getElementById(password_alert)

对于

document.getElementById("password_alert")

从getElementById 手册的定义

Answer 2

按照@RobinZigmond的建议，通过将整个PHP部分移到HTML <body>的末尾来解决此问题。