WEB2 - JavaScript

배열과 반복문의 활용

소스코드

변경사항

 

댓글

댓글 본문
  1. 아자가자
    210727 성공
  2. 양파
    a태그로 감싸져있는 텍스트는 원래도 선명한 파란색으로 변경되잖아요? 뵈기 싫어서 텍스트를 다른 색으로 변경해보았는데 링크가 걸려져 있는 글씨 색상은 안 바뀌더라구요... a태그는 따로 지정해서 색을 변경해줘야 바뀌어요. 요거 궁금하신 거 아니려나요. 휴 도움이 될까 싶지만 저도 멘붕ㅋㅋㅋ 고생하세요..
    대화보기
    • 양파
      휴.. 아직 해야할 게 많이 남았는데 오늘 한 건 정말.. 전혀 이해가 가지 않고 무엇을 모르는 지 모르겠다는 수준까지 와버렸네요....ㅜㅜ 하시는 거 따라가기 급급하고.. 저는 이렇게 써볼게요!~ 하시는데 그냥 갑자기 툭툭 튀어나온다는 느낌이 드는... 속성들..? 이라고 해야할까요. 복습하고 익숙해지다보면 달라질까요? 흑...
    • 고영히
      0723 완료
    • 토민
      21.7.20 완료! 적용했을 때 안돼서 변경된 소스코드 보면서 찾아냈어요! 찾아내고 성공한 짜릿함!
    • labis98
      20210718 complete!
    • document.querySelectorAll() => 지정된 셀렉터 그룹에 일치하는 element들을 list로 반환한다.
      var list = document.querySelectorAll("a"); => 모든 a tag를 가져와 list에 저장
      반복문을 이용하여 list 원소들에 접근할 수 있다.
    • 정용헌
      20210709 ezpz gogogogogo
    • 윤동욱
      2178
    • Jeonghee Gwon
      20210702
    • egoing님 메인이 Mac 쓰시나 봐요~ㅎㅎ 그래서 K라고 알려주신 듯요 ㅋㅋ
      추천 검색어 쳐보니,
      Windows에서는 Ctrl + L 이라고 나오네요.
      대화보기
      • 저도 Day 모드에서 원래 CSS 파일 색으로 돌리는 거 궁금했어요!!

        윗 댓글에 'NightFox'님처럼 디폴트 값을 주면 문제가 있을까요?
        alist[i].style.color = '':

        egoing님의 링크 'how change style link javascript' 방법은 보면 하나하나 값을 넣는 것 같기도 하고,
        뭔가 어려워서 잘 모르겠어요 ㅠㅜ
        대화보기
        • 김휘철
          잘봤습니다~
        • 염태현
          if에 속해있는

          var i=0; 를 else까지 포함되어있는 태그인 input 태그로 꺼내주시면 됩니다.
          대화보기
          • super1Nova
            210519
          • 물수제비
            반복문을 몰랐을때는 왜 querySelectorAll이 작동을 안하는지 몰랐는데 그래서 그런거였군요.. 좋은 답변 감사합니다!
            대화보기
            • chimhyangmoo
              2차 - 21.05.08
            • 초딩 개발자
              2021/05/08
            • 스문
              21.04.30 완료
            • 단희
              4.28
            • 별거
              2021.04.26 완료했습니다!
              드디어.. 너무너무 신경쓰이던 링크를 변경에 성공했습니다!!
            • Minho Son
              이전 강의에서도 설명을 하셨었지만..
              onclick 이라는 기능 자체가 JavaScript 만을 위한 것으로 생각하신 것이 맞습니다.
              대화보기
              • Minho Son
                querySelectorAll 로 Element들을 선택했을 땐 자료 형태가 Array 방식으로 저장됩니다.
                Array안의 데이터를 전체적으로 적용할 수 있는 기능은 따로 없으므로 안의 내용물을 한개씩 빼서 적용하여야 합다. 그래서 반복문을 사용하는 것이죠.
                대화보기
                • 감사합니다
                • thanks
                • 또라
                  완료
                • 요모
                  2021.03.29
                • 단디
                  완료
                • 뚜따띠또따
                  21.03.24 완료!
                • 졸대
                  완료!
                • gkalsdlf
                  완료! 감사합니다 ㅠㅠ
                • rose_lex
                  완료
                • 2021.03.05 완료
                • Patrick
                  감사합니다.
                • 진돌
                  2021.02.26 완료
                • 노원신
                  빡세네요 ㅋ
                • 서동하
                  .
                • 서준
                  완료! 이제 슬슬 어렵습니다,,,
                • 쪼금 어렵지만 계속 해나가겠습니당
                • while () {}
                  Array_name[index]
                • 완료
                • Yohanesty
                  출석
                • 혹시 onclick="" 내부의 코드 자체가 JS의 문법을 따르는 코드를 이용해야하기 때문에 따로 <script> </script> 태그를 쓰지 않아도 구현이 되는 건가요?
                  대화보기
                  • <script> </script> 태그를 왜 안쓰나요?
                    JS쓰면 스크립트 태그로 감싸주어야 하는거 아닌가요???
                  • 코딩맨
                    20210126
                  • 재밌당 2021.01.27 완료
                  • 임찬혁
                    완료
                  • chimhyangmoo
                    2021.01.23
                  • 푸른벚꽃
                    사용하신 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';
                      대충 이런 코드가 될 것 같은데 실력이 부족해서 실행되지 않네요.
                    버전 관리
                    egoing
                    현재 버전
                    선택 버전
                    graphittie 자세히 보기