getElementById 或 parseInt 不起作用？

Question

我想在 HTML/Javascript 上写一个简单的表格，我在其中输入一个数字，加一个然后显示它。我让它工作了，但它是连接一个而不是添加它。我使用了 parseInt()，但它显示 "Nan"。有什么建议吗？

HTML是：

<head> <link src="script.js" type="text/javascript"></script></head>
<body>
    <input type="text" id="grossSalary">
    <button type="button" onclick="calculateTax()"> 
    Generate Tax
    </button>
</body>

Javascript是：

function calculateTax(){
   var salaryString = document.getElementById("grossSalary");
   var salaryInteger = parseInt(salaryString);
   alert(salaryInteger + 1);
}

我收到的 "error" 消息是：

"Nan"

Answer 1

您忘记从输入元素中提取值：

var salaryString = document.getElementById("grossSalary").value;

Answer 2

添加.value

 var salaryString = document.getElementById("grossSalary").value;

Answer 3

问题出在您设置 salaryString 变量的 javascript 中。您需要确保收集您选择的元素的值。像这样：

var salaryString = document.getElementById("grossSalary").value;

执行此操作后，您的代码应按预期运行。

Answer 4

您需要获取您的代码中遗漏的值。

var salaryString = document.getElementById("grossSalary").value;

Answer 5

要从文本框中查找值，您必须使用 .value。所以更新你的 JS 代码

function calculateTax(){
    var sal = document.getElementById("grossSalary");
    var salaryInteger = parseInt(sal.value);
    alert(salaryInteger + 1);
}

Answer 6

getElementById() 方法 returns 具有指定值的 ID 属性的元素。所以当你尝试

var salaryString = document.getElementById("grossSalary");

所以这里的 salaryString 是对 Element 对象的引用，如果具有指定 ID 的元素不在文档中，则为 null。

如果您要查找相应文本框的值，请使用类似

的内容

var salaryString = document.getElementById("grossSalary").value;

getElementById 或 parseInt 不起作用？

getElementById or parseInt not working?

html

javascript

getelementbyid