javascript - document.getElementsByClassName 不像 getElementById 那样工作

Question

<分区>

Answer 1

基本上 document.getElementsByClassName 会返回一个 nodeList。

var panel = document.getElementsByClassName(el);
Array.from(panel).forEach(function(elm){
 elm.style.transition = "top 0.5s ease-out 0s";    
 elm.style.top = "-1000px"; 
});

您必须遍历每个元素以设置其样式/属性。使用 Array.from(nodeList) 将 nodeList 转换为原生 array 对象。然后使用它的 forEach 函数遍历每个元素。

如果你的环境不支持 ES6 那么使用下面的代码，

var panel = document.getElementsByClassName(el);
for(var i=0,len=panel.length;i<len;i++){
  panel[i].style.transition = "top 0.5s ease-out 0s";    
  panel[i].style.top = "-1000px"; 
}