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