document.getElementById 每次都返回 null 或 undefined

Question

Javascript代码是

function addConformationNo(){   

  var confirmationNo = document.getElementById("addedconfirmation").val();    

  alert(confirmationNo);

}

我在单击按钮时调用addConformationNo()函数

当addConformationNo()函数执行时，对document.getElementById的函数调用每次都返回 null。 为什么？ 有什么线索吗？

Answer 1

任何一个：

您没有该 ID 的元素
您在元素存在之前调用该函数
您误读了错误消息

DOM 元素没有与它们关联的val方法，因此您可能会收到“属性未定义或不是函数”错误，但这是在抱怨val而不是getElementById的返回值。

改为访问value属性。

var confirmationNo = document.getElementById("addedconfirmation").value;

Answer 2

var confirmationNo = document.getElementById("addedconfirmation").value;

会做。

您还可以通过右键单击浏览器来检查元素，或者您可以检查浏览器中的 javascript 控制台。

<html>
<head>

<script type=text/javascript>
function addConformationNo(){

var confirmationNo = document.getElementById("addedconfirmation").value; 

alert(confirmationNo);

}
</script>

</head>
<body>
<input type = "text" name = "addedconfirmation" id = "addedconfirmation" />
<input type="submit" onclick="addConformationNo();">
</body>
</html>

Answer 3

如果您为每个元素都收到这样的消息。 那么您可能在顶部而不是底部的 HTML 开头包含了 javascript 文件。

document.getElementById 每次都返回 null 或 undefined

问题描述

3 个解决方案

解决方案1
5 2014-05-09 12:20:02

解决方案2
0 2014-05-09 12:21:22

解决方案3
0 2020-08-06 10:59:55

document.getElementById 每次都返回 null 或 undefined

问题描述

3 个解决方案

解决方案1 5 2014-05-09 12:20:02

解决方案2 0 2014-05-09 12:21:22

解决方案3 0 2020-08-06 10:59:55

解决方案1
5 2014-05-09 12:20:02

解决方案2
0 2014-05-09 12:21:22

解决方案3
0 2020-08-06 10:59:55