WEB2 - JavaScript

배열과 반복문의 활용

소스코드

변경사항

 

댓글

댓글 본문
  1. 임찬혁
    완료
  2. chimhyangmoo
    2021.01.23
  3. 푸른벚꽃
    사용하신 document.write()는 처음 강의에 나오는 걸로 알고 있는데 ()에 적은 텍스트를 출력하는 코드로 알고 있습니다.
    또한 alist[i].style.color = 'powderblue'는 i번째 하이퍼링크의 스타일의 색을 파우더 블루로 바꾸라는 코드이기에 텍스트의 글색상이 바뀌는게 맞습니다.

    즉, alist[i]문제가 아닙니다.
    대화보기
    • 푸른벚꽃
      복습하다가 의문이 생겼습니다.
      var alist = document.querySelectorAll('a');
      var i = 0;
      while(i < alist.length){
      alist[i].style.color = 'powderblue';
      i = i + 1;
      }
      이렇게 할 수 있지만 반복문과 배열을 사용하지 않고 더 간단히 할 수 있는 방법이 있지 않을까요?
      예를 든다면 day를 눌렀을 때 모든 a가 선택되고 전부 색을 바꾸는 방법으로 말이죠.
      var alist = document.querySelectorAll('a');
      alist.style.color = 'powderblue';
      대충 이런 코드가 될 것 같은데 실력이 부족해서 실행되지 않네요.
    • Yoon-joung Ji
      keep going!!!
    • 푸른벚꽃
      지금까지 많은 것을 배웠습니다. 다만 완전히 체득하지 못한 것 같아 지금까지 한 것을 복습해야겠네요
    • 마아앙
      21.01.18
    • 몰댕
      21.01.14
    • 걸어가는신사
      2021.01.14
    • younghwani
      완료!
    • 이현수
      2021.01.10(일)
    • jeisyoon
      감사합니다.
    • 이동훈
      var alist= document.querySelectorAll('a');
      i = 0;
      while( i < alist.length ) {
      alist[i].style.color= 'powderblue';
      i++;
      }
    • 박병진
      2020.12.31 완료
    • 김진학
      while문을 통해 alist[i].style.color = 'powderblue'하면 텍스트의 글색상이 바뀌는데
      document.write(alist[i]) 이렇게 하면 링크가 텍스트로 나옵니다. 같은 alist[i]인데 둘의 의미가 어떻게 다른거인가요?
    • 샴파뉴
      2020.12.28
    • 김용욱
      20201227
    • 박병진
      2020.12.24 크리스마스 이브 복습 완료.
    • 생활둘기
      2020 12 19
    • 호놀률류
    • 조성호
      2020.12.16 완료
      갈수록 헷갈리고 어려워지는건 기분탓일까요.. 흑
    • 20201210
    • 둘기
      20.12.05 완료
    • 20201201
    • Zzangbae
      20.11.24 완료
    • kkn1125
      20.11.24 완~료!
    • 최원홍
      맞는 답변 입니다.. 명쾌하고 깔끔한 답변 이네요..ㅎㅎ
      대화보기
      • 푸쿠하
        '2020.11.21 완료
      • 윤지
        2020-11-19 완료
      • 멋재이
        완료
      • Dominic
        thirteen(13) November 2020
      • 완료
      • 2020.11.02.MON.
      • 바부대지
        20.10.27 반복문과 배열의 활용
      • 웹짱
        2020.10.22 배열 반복문 확인 완료
      • 문성석
        2020.10.21 완료
      • 콜라
        20201012완료
      • 알파카파카
        2020/10/03
      • 922 한번더보기
      • chapter5447
        완료하였습니다
      • H-mechanic
        20.09.08
      • 청출어람
        <body> 안에 <a>가 여러개 = 리스트 형태로 존재하기 때문에요. while문(반복문)을 사용하지 않으면 모든 <a>를 하나씩 color 속성을 변경하는 코드를 중복해서 작성해주어야 하겠죠.
        예를 들면 이렇게요.
        var alist = document.querySelectorAll('a');
        alist[0].style.color = 'powderblue';
        alist[1].style.color = 'powderblue';
        alist[2].style.color = 'powderblue';
        ...
        대화보기
        • 허우룩
          2020.09.04
        • 난지단지
          완료!
        • 이정왓
          이건 제 생각인데 a태그가 body태그 안에 있는거와는 별개로 이 영상은night_day 버튼을 눌렀을때 a 태그들의 색상을 바뀌도록 반복문을 이용한것같아요. 일일히 코딩하기 비효율적이니 while을 이용해서, 버튼을 클릭했을때 색상이 변경되는 css가 실행되도록 만든 것 같아요! 제가 질문 이해를 잘 못했다면 답글해주세요...!
          대화보기
          • 이가영
            a태그도 body 태그 안에 있는 건데 왜 while문을 통해 따로 색을 지정해 줘야 하는 건가요?
          • 도희
            2020.08.22 완료!
          • 김요한
            2020.08.20 완료.
            그러나 복습이 필요함.
          • JaanMun
            2020. 08. 18 완료
          • 2020.08.17 완료
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기