javascript中的html输入值

Question

我似乎无法弄清楚我有这个问题:

<script>
    function getValues(){
        var value1 = document.getElementById("value1");
        var value2 = document.getElementById("value2");
        var value3 = document.getElementById("value3");
        alert(value1 +" "+ value2 +" "+ value3);
    }
</script>

<p>value1</p>   
<input type="text" id='value1' />
<p>value2</p>
<input type="text" id='value2' />
<p>value3</p>
<input type="text" id='value3' />
<input type="button" value="submit" onclick="getValues()" />

我尝试获取用户填写的值,然后提醒他们,但不是显示他们填写的值,而是说:

[object HTMLInputElement] [object HTMLInputElement] [object HTMLInputElement]

有谁知道可能是什么问题？

Answer 1

试试吧

function getValues(){

        var value1 = document.getElementById("value1").value;
        var value2 = document.getElementById("value2").value;
        var value3 = document.getElementById("value3").value;
        alert(value1 +" "+ value2 +" "+ value3);
    }