javascript - 在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。