Question

HTML：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <script type="text/javascript" src="fuctions.js"></script>
    <title>Count JS</title>
</head>
<body>
    <fieldset>
        <input type="number" value="1" id="num" min="1" max="5"/>
        <button  onclick="getValue()">
            Submit
        </button>
    </fieldset>
</body>
</html>

JS：

function getValue() {
var x = parseInt(document.getElementById("num"));
alert(x);

}

我只想打印使用document.getElementById得到的这个值，但是当我打印出现时：

enter image description here

有人可以帮忙吗？

Answer 1

在document.getElementById

之后添加.value

function getValue() {
    var x = parseInt(document.getElementById("num").value);
    alert(x);
}

Answer 2

.value会从输入中返回值，在您的情况下，您尝试将DOMNode转换为Integer将返回NaN

var x = parseInt(document.getElementById("num").value);

Example

如何用document.getElementById打印id get？

2 个答案: