如何通过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;
}}