javascript - 单击 JavaScript 中的按钮时获取输入值

Question

我知道如何解决这个问题，但现在我不记得了。我正在做的是动态创建两个输入元素：一个文本框和一个按钮。当我按下按钮时，我想要一个带有文本框值的警报

var Form = {
    Create: function() {
        var Input = document.createElement('input');
            Input.type = 'text';
        document.body.appendChild(Input);

        var Button = document.createElement('input');
            Button.type = 'button';
            Button.value = 'Show Value';
        document.body.appendChild(Button);

        Button.onclick = function() {
            alert(Input.value);
        }
    }
}

window.onload = function() { Form.Create(); }

当我单击按钮时，我收到一条空消息，即使文本框包含文本。因此，我希望该功能能够实时获取文本框的内容，但我只是不知道这是如何完成的。

Answer 1

看来您正在附加另一个按钮

改变这一行：

document.body.appendChild(LoginButton);

这样：

document.body.appendChild(Button);