1. 程式人生 > >document.getElementById()獲取值為null

document.getElementById()獲取值為null

js檔案在head標籤裡或者在div上面的位置時獲取不到id的內容,

這是由於載入順序問題,html文件是從上往下載入,而不會全部載入後再執行js程式碼,因此導致get不到節點的資訊

解決辦法:

1.在body標籤下引入js檔案

2.將js程式碼加一個onload函式

<script type="text/javascript">
    window.onload = function(){
	var span = document.getElementById("span");
	span.innerHTML = "hello js";
};
</script>

<body>
	<span id="span"></span>
</body>

3.在引入語句<script type="text/javascript"> 裡面加個defer屬性

  defer 屬性規定是否對指令碼執行進行延遲,直到頁面載入為止。通常用於外部檔案

<script type="text/javascript" src="xxx.js" defer="defer"></script>