AppenChild只有一次 - 检查是否存在

Question

我正在尝试基于Javascript构建登录表单。我想在需要时动态创建登录文本框，所以我使用了appendchild。但是，默认情况下，appendchild只是一遍又一遍地添加元素。关于如何检查元素是否已存在以及不再添加它的好方法是什么？

到目前为止我所拥有的：

function checktest(){
    var emailfieldcheck = document.getElementById("emailfield");
    var pwfieldcheck = document.getElementById("passwordfield");

   if (emailfieldcheck == null){

    var x = document.createElement("INPUT");
    var y = document.createElement("INPUT");
    x.setAttribute("type", "email");
    x.setAttribute("id", "emailfield");
    y.setAttribute("type", "password");
    y.setAttribute("id", "passwordfield");

    document.body.appendChild(x);
    document.body.appendChild(y);

    }
    else{
      handleSignUp(); //Textboxes exist, now do the login
    };
}

这似乎不起作用，因为我认为（emailfieldcheck == null）不是检查它是否存在的正确方法。