메뉴 건너뛰기

조회 수 485 댓글 1

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값을 바꾸려고 하는데 작동하지 않는 것 같습니다.

혹시 문법적으로 잘못된 부분이 있어 그런 것인지 알고 싶습니다.

?
  • ?
    관리자 2019.11.11 10:21

    크롬 디버거를 사용하면 금방 발견할 수 있음. 아마도 다음의 이유?
    document.getElementByClassName("snow");
    -> document.getElementsByClassName("snow");

     

    y.item(i) -> y[i]


QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.20 18275
403 오픈챌린지 5장 ces 2024.04.19 16
402 스타일 시트 객체 2 한성이 2022.08.09 32
401 css3의 프로퍼티와 7장 객체의 프로퍼티 1 한성이 2022.08.07 38
400 따옴표를 4중 5중으로 사용하는 방법에 대해 여쭙고 싶습니다. 입문한 사람 2020.04.07 40
399 border style 질문 2 궁그미 2020.07.28 41
398 76페이지 1 ramoss 2020.05.13 44
397 target프로퍼티 질문(페이지 428쪽) 2 한성이 2022.08.14 47
396 SRC와 SRDOC의 차이를 여쭙고 싶습니다. 입문한 사람 2020.04.07 48
395 인터넷익스플로러 질문이요 1 file 021 2020.04.10 48
394 p.254 3번문제 질문드립니다. 2 열심히 공부하는 독자 2020.08.14 48
393 value 속성 1 열심히 공부하는 독자 2020.09.04 48
392 예제 2-22 2개의 인라인 프레임을 가진 웹 페이지(91p) 2 file 코딩어렵다 2023.04.12 54
391 94p 그림2-4 질문 2 file 그냥초보 2020.04.15 55
390 계산기 문제 변형 문의 file Mikael 2022.12.13 56
389 윈도우 브라우저와 윈도우 탭 2 tc0712 2021.11.22 57
388 4장 171쪽 2 chu 2022.04.04 57
387 <script>태그의 위치 1 열심히 공부하는 독자 2020.08.15 58
386 브라우저 크기 변경 1 열심히 공부하는 독자 2020.08.27 59
385 length 프로퍼티 2 열공이 2022.05.21 59
384 [개정판] p.357 sibling 에 대한 설명 및 그림 8-7 1 질문 2022.09.02 59
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로