输入长度未定义

时间:2018-07-29 04:22:39

标签: javascript html css html5 input

<为什么输入长度未定义

Js

function calc() {
var inp = document.getElementById("inp");
var result = document.getElementById("result");
var inpval = inp.value

result.innerHTML = inpval;
        alert(inp.length);
}

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <input id="inp" class="inp" Type="number"/>
        <center>
            <div id="calc" class="calc" onclick="calc()">Calculate</div>
            <br />
            <br />
            <p id="result"></p>
        </center>
    </body>
</html>

请使用此代码帮助我,我不知道为什么每次单击函数时始终显示未定义的错误

1 个答案:

答案 0 :(得分:0)

getElementbyId返回Element,而Element没有length属性。 这就是输出为undefined的原因。因此,如果要获取输入元素的值的长度,则必须使用value属性访问input element,例如inp.valueinpval

然后,您可以获取诸如inp.value.lengthinpval.length之类的长度。