javascript - HTML 错误无法设置 null 属性(匿名函数)

Question

我正在尝试将文本框值存储到本地存储，但是我捕获了未捕获的类型错误:无法将属性“onclick”设置为 null，并且不确定确切原因。一切似乎都被正确引用。任何见解将不胜感激。

<script type="text/javascript">
var save_button = document.getElementById('Save')
save_button.onclick = saveData;

function saveData()
{
    var input = document.getElementById("saveServer");
    localStorage.setItem("server", input.value);
    var storedValue = localStorage.getItem("server");
};
</script>    

<label for="serveri">Server:</label>
<input type='text' name="server" id="saveServer" />
<button onclick="saveData()" type="button" value="Save" id="Save">Save</button>

如果上面没有显示我的问题，这里是 JSFiddle 中的全部内容:http://jsfiddle.net/mGfeu/

Answer 1

将脚本写在正文之后。脚本执行时不会加载 DOM。因此不存在 id 为“Save”的元素。