如何使用 document.getElementById 打印 id get？

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 获得的这个值，但是当我打印时出现它：

有人可以帮忙吗？

Answer 1

在document.getElementById

之后添加.value

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

Answer 2

.value returns 来自输入的值，在您的情况下，您尝试将 DOMNode 转换为 Integer，这将 return NaN

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

Example

如何使用 document.getElementById 打印 id get？

How to print an id get with document.getElementById?

javascript

dom