從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>的末尾來解決此問題。