全局和本地javascript範圍

Question

爲什麼全局變量在該函數中不被識別？

<script type="text/javascript"> 
var id_f = document.getElementById('f'); 

function foo() 
{ 
id_f.innerHTML=("text"); 
} 
</script> 

Answer 1

的.getElementById()函數返回null如果沒有匹配的元素被發現，這是不是一個錯誤，但如果你的id_f變量是null它不具有.innerHTML財產，會給出錯誤。

即使頁面源代碼中存在匹配的元素，除非腳本運行該元素實際上已被解析，否則將不會找到它。因此，您的腳本需要位於源代碼元素之後的某個位置（例如，在關閉</body>標記之前），或者您需要添加onload或document.ready類型處理程序並從此處運行代碼。

（如果添加console.log(id_f)或alert(id_f)你的函數開始您能得到什麼？）