JavaScript按类名获取元素[重复]

Question

为什么我的 getElementsByClassName 代码不起作用？它在使用 getElementById 但不适用于类时有效？我正在使用 TweenLite 扩展。

我的代码不起作用-http://codepen.io/bleubateau/pen/pvbeaO 与 ID 相同的代码-http://codepen.io/bleubateau/pen/ogLZqb 与该类一起使用的类似代码-http://codepen.io/bleubateau/pen/PwzpQj

window.onload = function() {
  var play = document.getElementById("lay");

play.onmouseover = function(){
    TweenMax.to(play, 0.5, {width:"120px", marginLeft:"-60px", marginTop:"-60px", repeat:-1, repeatDelay:0.1, yoyo:true});

};

play.onmouseout = function(){
    TweenLite.to(playBTN, 1, {width:"100px", marginLeft:"-50px", marginTop:"-50px"});
};
}

Answer 1

getElementsByClassName() 生成一个节点列表，因此即使您的列表只包含一项，您仍然需要像这样访问它：

var play = document.getElementsByClassName('lay')[0];