Javascript document.getElementById每次都返回null或未定义

Javascript document.getElementById每次都返回null或未定义,javascript,html,Javascript,Html,Javascript代码是 function addConformationNo(){ var confirmationNo = document.getElementById("addedconfirmation").val(); alert(confirmationNo); } 点击一个按钮,我就调用addconformeno()函数 执行addConformonNo()函数时,对document.getElementById的函数调用每次都返回null。为什么

Javascript代码是

function addConformationNo(){   

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

  alert(confirmationNo);

}
点击一个按钮,我就调用
addconformeno()
函数

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

或者:

  • 您没有该id的元素
  • 在元素存在之前调用函数
  • 您误读了错误消息
  • DOM元素没有与其关联的
    val
    方法,因此可能会出现“属性未定义或不是函数”错误,但这是因为
    val
    不是
    getElementById
    的返回值

    改为访问
    属性

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

  • 您没有该id的元素
  • 在元素存在之前调用函数
  • 您误读了错误消息
  • DOM元素没有与其关联的
    val
    方法,因此可能会出现“属性未定义或不是函数”错误,但这是因为
    val
    不是
    getElementById
    的返回值

    改为访问
    属性

    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>
    
    
    函数addno(){
    
    var确认号=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>
    
    
    函数addno(){
    
    var确认号=document.getElementById(“addedconfirmation”).value; 警报(确认号); }
    如果您为每个元素都收到这样的消息。然后,您可能已经将javascript文件包含在HTML开头的顶部,而不是底部。

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

    可能您实际上没有具有该ID的元素?您在DOM元素上使用了jQuery函数。改为使用
    $(“#addedconfirmation”).val()
    document.getElementById(“addedconfirmation”).value
    document.getElementById(“addedconfirmation”).value
    可能您实际上没有具有该ID的元素?可以对DOM元素使用jQuery函数。改为使用
    $(“#addedconfirmation”).val()
    document.getElementById(“addedconfirmation”).value
    document.getElementById(“addedconfirmation”).value
    var confirmationNo=document.getElementById(“addedconfirmation”).value;使用此函数还返回空值。var confirmationNo=document.getElementById(“addedconfirmation”).value;使用此函数还返回空值。var confirmationNo=document.getElementById(“addedconfirmation”).value;如果您也发布html代码,这也会返回空,并且在错误控制台中不会显示错误。似乎您使用了错误的id或类似的东西?我的html代码是和var confirmationNo=document.getElementById(“AdddConfirmation”).value;如果您也发布html代码,这也会返回空,并且在错误控制台中不会显示错误。似乎您使用了错误的id或类似的东西?我的html代码是和