如何通過javascript更改textContent？

Question

我有一個注冊表單頁面，並且我想使用空div來顯示錯誤。 要在觸發php腳本之前檢查表單我使用javascript：

function errorHandler(){
    var loginIn;
    var passIn;


    loginIn = document.forms["regForm"]["login"].value;
    passIn = document.forms["regForm"]["password"].value;

    if (loginIn == "" || loginIn == null) {
        alert("LOGIN CANNOT BE EMPTY");
        return false;
    } 
}

它工作正常，當我這樣稱呼它時會出現警報消息：

<form name="regForm" action= "save_user.php" onsubmit="return errorHandler()" method="post"> 。

但正如我之前提到的形式中的div：

div id ="errorArea"></div>當我嘗試將文本放入此div中時，如下所示：

function errorHandler(){

    var loginIn;
    var passIn;
    var erorAreaMessage;

    loginIn = document.forms["regForm"]["login"].value;
    passIn = document.forms["regForm"]["password"].value;
    erorAreaMessage = document.getElementById('errorArea').textContent;

    if (loginIn == "" || loginIn == null) {
        erorAreaMessage = "LOGIN CANNOT BE EMPTY";
        return false;
    }
}

什么都沒發生，有人能解釋我為什么嗎？

Answer 1

您需要將值放在<div> 。 這可以通過將innerHTML或textContent屬性設置為錯誤消息來完成。 嘗試這個 -

...
if (loginIn == "" || loginIn == null) {
    document.getElementById('errorArea').textContent = "LOGIN CANNOT BE EMPTY";
    return false;
}}