无法读取null的属性值

Question

我已经学习了6个月的javascript，但是我真的不知道这..代码有什么问题？

<script>
var search_file_val = document.getElementById('search_textbox').value;
var XHR = new XMLHttpRequest();
var params = "search_val="+search_file_val;
function search_file()
{
    XHR.open('POST','http://www.bt-mail.sk/somescript.php',true);
    XHR.send(params);
}
</script>

谷歌浏览器告诉我这一点。 未捕获的TypeError：无法读取null的属性“值”

我确定element的ID是正确的。

编辑：HTML

<input type="text" class="cool_input_box" id="search_textbox" onkeyup="search_file()">

编辑：2号删除

Answer 1

尝试：

<script>
document.addEventListener("DOMContentLoaded", function() {
  var search_file_val = document.getElementById('search_textbox').value;
  var XHR = new XMLHttpRequest();
  var params = "search_val="+search_file_val;
  function search_file()
  {
      XHR.open('POST','http://www.bt-mail.sk/somescript.php',true);
      XHR.send(params);
  }
});
</script>

虽然，除非您要求搜索类似以下文件，否则您实际上不应该获取该值：

<script>
  function search_file()
  {
    var search_file_val = document.getElementById('search_textbox').value;
    var XHR = new XMLHttpRequest();
    var params = "search_val="+search_file_val;
    XHR.open('POST','http://www.bt-mail.sk/somescript.php',true);
    XHR.send(params);
  }
</script>