document.getElementById每次都返回null或undefined

时间:2014-05-09 12:17:37

标签: javascript html

Javascript代码

function addConformationNo(){   

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

  alert(confirmationNo);

}

我在点击按钮时调用addConformationNo()功能

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

3 个答案:

答案 0 :(得分:4)

或者:

  1. 您没有该ID的元素
  2. 您在元素存在之前调用该函数
  3. 您误读了错误消息
  4. DOM元素没有与它们相关联的val方法,因此您可能会收到“属性未定义或不是函数”错误,但这是抱怨val而不是返回值getElementById

    改为访问value属性。

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

答案 1 :(得分:0)

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>

答案 2 :(得分:0)

如果每个元素都收到这样的消息。然后,您可能已将javascript文件放在HTML的顶部而不是底部。