JavaScript получает элементы по имени класса

Question

Почему мой код для getElementsByClassName не работает? Это работает при использовании getElementById, но не с классом? Я использую расширение TweenLite.

мой код, который не работает, - http://codepen.io/bleubateau/pen/pvbeaO тот же код, который работает с идентификатором, - 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];