javascript - 为什么这个 javascript 函数会在错误的时间激活？

Question

这是我当前使用的代码

function firstChildAge() { 
    var header = document.createElement('H3');
    var body = document.getElementsByTagName('BODY');
    var textnode = document.createTextNode("WHAT IS THE AGE OF THE FIRST CHILD?");
    var inputChildOne = document.createElement("Input");
    var childOneAgeResponse = inputChildOne.value;
    header.appendChild(textnode);
    document.body.appendChild(header);
    document.body.appendChild(inputChildOne);
}

function submitButton() {
    var btn = document.createElement('Button');
    document.body.appendChild(btn);
    btn.onClick = testFunction_2();
}

function testFunction_2() {
    alert("foo");
}

if (childrenResponse == 1) {
    firstChildAge();
    submitButton(); 
}

如您所见，如果childrenResponse(用户对先前查询的响应)等于1，则这两个功能都会被激活。尝试的目标是创建一个文本节点、一个输入和一个按钮。截至目前，按钮应该激活 testFunction2()，它会提醒我们它正在工作。但是， testFunction2() 在文本节点或输入出现之前就激活了。我可以找到原因，如果有人能帮助我，我将不胜感激。谢谢。

另外，顺便说一句，如何向在submitButton() 中创建的按钮添加文本？谢谢!

Answer 1

您已调用 testFunction_2，而不是对其进行赋值。这应该会很顺利。

function submitButton() {
    var btn = document.createElement('Button');
    btn.onclick = testFunction_2;
    document.body.appendChild(btn);
}