javascript响应为空

Question

我正在回复php脚本。

<script >
function showHint(str) {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
            document.getElementById("result").innerHTML = xmlhttp.responseText;
    };
    xmlhttp.open("GET", "gethint.php?q=" + str, true);
    xmlhttp.send();
} </script>

在我打电话给showHint（str）之后，我做了：

var result = document.getElementById("result");

它总是空的。但这样可以正常工作并提供正确的文字：

<p><span id = "result"></span></p>

我做错了什么？