錯誤從getElementsByClassName方法

Question

返回值訪問班級名冊所以我有一個div，看起來像：

<div class="wrapper transform-class"> 
</div> 

和我的CSS我有一些CSS變換。所以我transform-class有：

-webkit-transform: none !important; 

然後，當然，我的包裝，對那裏的變換風格。

所以一旦頁面加載，幾秒鐘後。我刪除了transform-class，然後wrapper類的樣式接管了它，並且它具有很好的動畫效果。

我不想使用jQuery（我想了解更多/更好的JavaScript）。我越來越

Uncaught TypeError: Cannot read property 'remove' of undefined

我的JavaScript錯誤..我的JS文件看起來像：

window.setTimeout(function(){ 
    var el = document.getElementsByClassName("wrapper"); 
     el.classList.remove("transform-class"); 
}, 2000); 

什麼想法？

Answer 1

getElementsByClassName返回HTMLCollection。因此，通過索引訪問特定項目，然後使用刪除

window.setTimeout(function(){ 
    var els = document.getElementsByClassName("wrapper"); 
    for(var i = 0; i < els.length; i++){ 
     els[i].classList.remove("transform-class"); 
    } 
}, 2000);