未捕获的TypeError与蛇机器人

Question

好吧，伙计们，我有错误

Uncaught TypeError: Cannot read property 'left' of undefined

使用此代码时

var y=document.getElementsByClassName('snake-snakebody-block          snake-snakebody-alive  snake-snakebody-alive')
//console.log(y.style)
console.log(y.style.left)
console.log(y.style.top)

关于这个元素

<div class="snake-snakebody-block          snake-snakebody-alive  snake-snakebody-alive" style="left: 40px; top: 580px; width: 20px; height: 20px; z-index: 5;"></div>

我很茫然。我该怎么办？

Answer 1

因为getElementsByClassName返回一个元素列表，你必须从数组中获取第一个元素，如下所示：

console.log(y[0].style.left)