innerHTML不影响div

Question

I have a problem with innerHTML I'm trying to replace all child elements of a div (wipe it out) and replace with a text. Just to give you idea, this is a registration form, after clicking submit, it should clear the form and output some text. It looks like it doesn't take any affect on the div that I am targeting

here is the function

function signup() {
    var u = _("username").value;
    var e = _("email").value;
    var p1 = _("pass1").value;
    var p2 = _("pass2").value;
    var c = _("country").value;
    var g = _("gender").value;
    var status = _("status");
    if (u == "" || e == "" || p1 == "" || p2 == "" || c == "" || g == "") {
        status.innerHTML = "Fill out all of the form data";
    } else if (p1 != p2) {
        status.innerHTML = "Your password fields do not match";
    } else if (_("terms").style.display == "none") {
        status.innerHTML = "Please view the terms of use";
    } else {
        _("signupbtn").style.display = "none";
        status.innerHTML = 'please wait ...';
        var ajax = ajaxObj("POST", "signup.php");
        ajax.onreadystatechange = function() {
            if (ajaxReturn(ajax) == true) {
                if (ajax.responseText.trim() != "signup_success") {
                    status.innerHTML = ajax.responseText;
                    _("signupbtn").style.display = "block";
                } else {
                    _("signupform").innerHTML = "OK " + u + ", check your email inbox and junk mail box at <u>" + e + "</u> in a moment to complete the sign up process by activating your account. You will not be able to do anything on the site until you successfully activate your account.";
                }
            }
        }
        ajax.send("u=" + u + "&e=" + e + "&p=" + p1 + "&c=" + c + "&g=" + g);
}

and here is the form:

<form name="signupform" id="signupform" onsubmit="return false;">
    <div>Username: </div>
    <input id="username" type="text" onblur="checkusername()" onkeyup="restrict('username')" maxlength="16">
    <span id="unamestatus"></span>
    <div>Email Address:</div>
    <input id="email" type="text" onfocus="emptyElement('status')" onkeyup="restrict('email')" maxlength="88">
    <div>Create Password:</div>
    <input id="pass1" type="password" onfocus="emptyElement('status')" maxlength="16">
    <div>Confirm Password:</div>
    <input id="pass2" type="password" onfocus="emptyElement('status')" maxlength="16">
    <div>Gender:</div>
    <select id="gender" onfocus="emptyElement('status')">
        <option value=""></option>
        <option value="m">Male</option>
        <option value="f">Female</option>
    </select>
    <div>Country:</div>
    <select id="country" onfocus="emptyElement('status')">
        <?php include_once( "php_includes/template_country_list.php"); ?>
    </select>
    <div>
        <br>
        <br>
        <a href="#" onclick="return false" onmousedown="openTerms()">
        View the Terms Of Use
      </a>
    </div>
    <div id="terms" style="display:none;">
        <br>
        <br>
        <h3>Please read the Terms and Conditions (opens a new window)</h3>
        <a href="iLOVEiTtermsandCONS.pdf" title="Terms and Conditions" target="_blank">
            <p>Terms and Conditions</p>
        </a>
    </div>
    <br />
    <br />
    <button id="signupbtn" onclick="signup()">Create Account</button>
    <span id="status"></span>
</form>

any ideas what could be wrong? I'm not good with java script at all Thanks in advance.

Answer 1

I don't know what does _(" ").value mean. But if you change this style to document.getElementByid(" ") , it works.