function move()
{
var y = document.getElementByClassName("snow");
for(var i = 0; i < y.length; i++)
{
var div1 = y.item(i);
div1.style.top = div1.style.top + "1px";
}
}
var timerID = setInterval("move()", 100);
코드 윗줄에서 div들을 생성하고 setAttribute로 div에 snow라는 클래스 네임을 주었습니다.
그 후에 상술한 코드로 컬렉션을 리턴받아 컬렉션 안의 객체들의 top값을 바꾸려고 하는데 작동하지 않는 것 같습니다.
혹시 문법적으로 잘못된 부분이 있어 그런 것인지 알고 싶습니다.
크롬 디버거를 사용하면 금방 발견할 수 있음. 아마도 다음의 이유?
document.getElementByClassName("snow");
-> document.getElementsByClassName("snow");
y.item(i) -> y[i]