js问题

JS判断用户输入是否为空，如果为空，则在相应区域显示“用户名不能为空”，“密码不能为空”等信息。
问题是：我如何操纵JS，使得以上的提示信息能够以文本的形式显示在页面上呢？
HTML里有没有用于文本显示的标签，并且可以通过设置其类似“TEXT”这样的属性来显示特定文本的？

解决方案 »

  1.   

    <span id="spanMsg"></span>document.getElementById('spanMsg').innerText = '密码不能为空!';
      

  2.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
    function isEmpty(){
    var value = document.getElementsByName("name")[0].value;
    alert(value);
    if(value==null||value==""){
    document.getElementById("title").innerText="请输入用户名";
    }
    }
    </script>
    </head>
    <body>
    <center>
    用户名：<input type="text" name="name"/>
    <div name="tt" id="title"></div>
    <input type="submit" value="提交" onclick="isEmpty()"/>
    </body>
    <html>
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var $ = function (id) { 
    return "string" == typeof id ? document.getElementById(id) : id; 
    };function check(){
    var name = $("name").value;
    var ps = $("ps").value;

    if(name.length<1 || name==null){
    $("noname").style.display = "block" ; 

    return ;
    }else{
    $("noname").style.display = "none" ; 
    } if(ps.length<1 || ps==null){
    $("nops").style.display = "block" ; 
    return ;
    }else{
    $("nops").style.display = "none" ; 
    }
    }
    //-->
    </SCRIPT>
    用户名：<input type="text" id="name">
    <div id="noname" style="display:none">用户名不能为空！</div><br>
    密&nbsp;&nbsp;码：<input type="password" id="ps">
    <div id="nops" style="display:none">密码不能为空！</div><br>
    <br>
    <input type="button" value="检查" onclick="check();">
    </BODY>
    </HTML>