在javascript中获取文本框值

Question

我在JavaScript中获得了文本框值.我的文本框值是"xxxxx？000-1111".当我试图从JavaScript函数中获取此值时,我得到的值为[object%20HTMLDivElement] ....任何人都可以告诉我,我在这里犯了什么错误.

文本框和按钮,文本框值从其他方法替换,并在页面中显示良好.

    function clDoc() {
            path = document.getElementById('val').value;
            alert(path);
            var myWindow = window.open(path, '', 'width=520,height=650');
        }

    <input type="text" id="clDoc" name="myn" value="" />
    <input type="button"  onClick="clDoc()" value="View" id="groupbtn" />

使用Javascript

    function clDoc() {
            path = document.getElementById('val');
            alert(path);
            var myWindow = window.open(path, '', 'width=520,height=650');
        }

如果我尝试了以下,我会收到警告,因为未定义.

    function clDoc() {
            path = document.getElementById('val').value;
            alert(path);
            var myWindow = window.open(path, '', 'width=520,height=650');
        }

Answer 1

相比:

path = document.getElementById('val').value;

从HTML元素对象中获取值的位置

path = document.getElementById('val');

在哪里获得HTML元素对象本身.

path = document.getElementById('val').value;

现在,您获得了value属性,但您说它是:

[object HTMLDivElement]

Div元素不是文本输入.它们不是用户可编辑的,没有值.

也许你想得到它innerHTML.