遺漏的類型錯誤：無法讀取的不確定

Question

function CheckavailOnload() 
{ 
    var elems = document.getElementsByClassName('box-collateral box-related'); 
    for(var i = 0; i < elems.length; i++){ 
    if(elems.style.visibility == 'visible') 
    { 
    var av = document.getElementsByClassName('availability in-stock'); 
    for(var i = 0; i < elems.length; i++) { 
    av[i].style.visibility = 'visible'; 
    } 
    } 
    else 
    { 
    var av = document.getElementsByClassName('availability in-stock'); 
    for(var i = 0; i < elems.length; i++) { 
    av[i].style.visibility = 'hidden'; 
    } 
    } 
} 
} 
CheckavailOnload(); 

在這裏，我想檢查div的可見性屬性「知名度」「框抵押品箱相關的」，如果它是可見的，我想toggel帶班的另一段的知名度名稱「庫存情況」

Answer 1

getElementsByClassName()總是給你一個nodeList對象，即使它只有一個成員。 NodeList對象沒有style屬性，因此您需要在第一個if中迭代elems以檢查可見性，就像您在代碼中所做的一樣。

如果你確定只有一個成員，你可以使用elems[0].style.visibility來檢查它的可見性。

如果要檢查特定元素的可見性，可以給它一個id並使用document.getElementById()來獲取該元素。

---

編輯

感謝小提琴，現在我們可以有一些成果。

因此，也許你不需要那個id，如果沒有明確指定，試圖獲得style時會發生實際問題。爲了解決這個問題，你需要使用getComputedStyle()：

function CheckavailOnload() { 
var elems = document.getElementsByClassName('box-collateral box-related'); 
    for (var i = 0; i < elems.length; i++) { 
     if (getComputedStyle(elems[i]).visibility == 'visible' || getComputedStyle(elems[i]).display == 'block') { 
      alert("hello"); 
      var av = document.getElementsByClassName('availability in-stock'); 
      for (var j = 0; j < av.length; j++) { 
       av[j].style.visibility = 'visible'; 
      } 
     } 
     else if (getComputedStyle(elems[i]).visibility == 'hidden' || getComputedStyle(elems[i]).display == 'none') { 
      var av = document.getElementsByClassName('availability in-stock'); 
      for (var k = 0; k < av.length; k++) { 
       av[k].style.visibility = 'hidden'; 
      } 
     } 
    } 
} 
window.onload = CheckavailOnload; 

該代碼將檢查分配到班box-collateral box-related所有元素。在jsFiddle的工作演示。

請注意，還可以使用window.onload，這可以確保您在分析之前沒有嘗試獲取元素。如果elems和av中有不同數量的元素，我將elems切換爲av,for...j和for...k -loops，假定工作正常。

如果找到的第一個具有主要類的元素是要檢查的元素，則可以簡單地在所有elems[i]表達式中將i替換爲0。

如果你只想檢查一個特定的元素，你可以給它一個id，並通過getElementById()得到它的引用。在HTML：

<div id="checkThisOnly" class="box-collateral box-related"> 

然後在腳本：

var elem = document.getElementById('checkThisOnly'); 
if (getComputedStyle(elem).visibility...) { 
    ...... 
} 

Answer 2

「elems」是一組元素，但您嘗試查看它的「樣式」屬性。你需要重新排列東西，以便通過elem循環，然後檢查每個屬性。

同樣在你通過AV後來循環 - 你正在看elems.length掃描。我覺得這有點困惑。

Answer 3

所以，正如我在my comment提到的，你似乎缺少字各地報價「隱藏」。我會假設它是一個複製粘貼錯誤。

---

這裏是你的代碼的精簡版，演示，以實現自己的目標的一種方式 -

function Checkavailability() 
{ 
    var elems = document.getElementsByClassName('box-collateral box-related'); 
    for (var i=0; i<elems.length; i++) { 
    if(elems[i].style.visibility == 'visible'){ 
     // do some stuff 
    } 
    else{ 
     // do some stuff 
    } 
    } 
} 

這裏的主要區別是，我們itearating過的所有元素getElementsByClassName的回報。注意函數名稱中的複數 -

get​Elements​ByClassName - Returns a set of elements which have all the given class names.