2017-04-26 80 views
-1

我從net資源學習javascript代碼,但是我遇到了一些問題,我的代碼不工作,我得到一個'未命中的TypeError'。 ..'。我哈瓦嘗試了很多方法來resovle錯誤,但它不能正常工作。Uncaught TypeError:無法在window.onload處讀取屬性'length'null null

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 
     <meta charset="UTF-8"> 
     <title>win下載 </title> 
    <style> 
     div {width: 200px;height: 200px;float: left; 
      border: 1px solid black;margin: 10px} 
    </style> 
    <script> 
     window.onload=function() { 
      var aDiv = document.getElementById('div'); 
      alert(aDiv.length); 
     // aDiv[0].style.background = 'red'; 
     }; 
    </script> 
</head> 
<body> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
</body> 
</html> 
+0

有ID爲「格」 –

回答

2

在你的例子中,你使用的是document.getElementById('div')。存在與ID div沒有元素。

我假設你正在尋找document.getElementsByTagName('div'),這將返回所有<div>元素。

window.onload = function() { 
    var divElements = document.getElementByTagName('div'); 

    alert(divElements.length); // 4 

    divElements[0].style.background = 'red'; // set the first div element's background to red 
}; 
+1

敢肯定這就是他要尋找的,根據他的索引ADIV和檢查長度 – Orangesandlemons

+0

非常感謝你, 你的方法解決了我的問題,沒有任何元素。 –

+0

@GalenChen沒有問題,請標記正確的答案 –

1

var aDiv = document.getElementById('div'); 應該 var aDiv = document.getElementsByTagName('div');

<!DOCTYPE html> 
 
    <html lang="en"> 
 
    <head> 
 
     <meta charset="UTF-8"> 
 
     <title>win下載 </title> 
 
    <style> 
 
     div {width: 200px;height: 200px;float: left; 
 
      border: 1px solid black;margin: 10px} 
 
    </style> 
 
    <script> 
 
     window.onload=function() { 
 
      var aDiv = document.getElementsByTagName('div'); 
 
      alert(aDiv.length); 
 
     // aDiv[0].style.background = 'red'; 
 
     }; 
 
    </script> 
 
</head> 
 
<body> 
 
    <div></div> 
 
    <div></div> 
 
    <div></div> 
 
    <div></div> 
 
</body> 
 
</html>

(注:這是最好能有你的JavaScript單獨從HTML)

1

標識是一個屬性,你給任何HTML標籤。例如。 <div id="myFirstDiv">。它在文檔中應該是唯一的,通常應該是一個有意義的名稱。

「格」是一個變量名稱,這樣你就可以通過他們獲得的樣本中所有的div getElementsByTagName("div");,然後循環。

相關問題