Не могу прочитать значение свойства null

Question

Я изучаю javascript в течение 6 месяцев, но я действительно не знаю, что случилось с этим .... кодом?

<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> 

Google хром говорит мне об этом. Uncaught TypeError: Не удается прочитать значение свойства 'null'

Я уверен, что идентификатор элемента прав.

редактировать: HTML-

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

редактировать: NO2 удален

Answer 1

Try:

<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>