WEB2 - JavaScript

제어할 태그 선택하기

소스코드

변경사항

 

댓글

댓글 본문
작성자
비밀번호
  1. 안주
    완료
  2. eventme
    완료~
  3. hyegineer
    완료
    주간모드~야간모드 만들기
  4. Hyeon-Jun Ha
    완료!
  5. 응쥐니
    완죤신기해요.....짱!
  6. kumkum
    java script button click 1 <input type="button" value="NIGHT">

    java script select 2 document.querySelector('body')

    java script change background color 3 .style.backgroundColor='black';
  7. 코돌이
    5/10 완료 너무 감사합니당!
  8. 허공
    190509 감사합니다.
  9. 위준우
    완료
  10. Jongjin Park
    5/4 완료!
  11. 최승윤
    완료!
  12. 김밀
    완료
  13. 김한주
    완료
  14. cooipop
    완료요~~^^
  15. 주워니
    완료 !!
  16. 끝가지간다
    완료!!
  17. 아보카도
    head 태그 내 style설정하려면 이벤트를 설정해야하나요??
    어떤 이벤트를 써야할까요?
    대화보기
    • sophia
      질문있어요!
      검색해 봤을때
      document.body.style.backgroundColor = "red"; <- 큰따옴표 라서 큰따옴표로 해봤더니 안되더라구요.
      색상도 바뀌는걸 보니 확실히 다른 것 같은데 그 이유를 알고 싶어요!
    • 차뫼
      이벤트를 빠뜨린거 아닌가요?
      대화보기
      • 아보카도
        head 태그 내에 script 태그 만들고
        document.querySelector('.classname').style.color = 'red';
        라고 설정해도 해당 class의 색상이 변하지 않는데 어떤 부분이 잘못 되었을까요?
      • supernet
        완료!!!!
      • 클래스를 정의하셨겠죠?
        ID를 호출할땐 #id명
        클래스를 호출할땐 .class명 으로 해주시면 되용
        대화보기
        • 완료!
        • 오수현
          style tag 에서 지정한 부분도 색깔을 바꾸고 싶어서 검색해 봤는데 아무리 찾아도 어떻게 하는지 모르겠어요
          id 는 찾았는데 class 는 색 바꾸는 코드를 해도 첫번째 class 코드만 색이 바뀌는데

          class 로 지정한 모든 태그가 색깔이 바뀌도록 하려면 어떻게 해야될까요ㅜㅜ 알려주세요ㅠㅠㅠ
        • Seohee Kim
          완료
        • 이달
          완료
        • dudwn7504
          저 javascript를 사용한 night, day 버튼을 CSS처럼 다른 파일에도 모두 똑같이 적용시키려면 어떻게 해야 되나요?
        • 2019-02-18 완료
        • 우도순
          완료
        • 재인
          완료
        • 호두
          검색하는 방법
        • 발헤
          감사합니다. 완료
        • 김창완
          오늘은 여기까지 !!감사합니다~~
        • Juyeon Heo
          완료!
        • 매직와인
          완료 감사합니다^^
        • 지미츄
          완료
        • gravity251
          완료
        • 이수하
          완료
        • 함가죠
          완료 감사합니다:)
        • 김수빈
          완료
        • Aimhee
          완료
        • 냄민새감
          나이트 데이가 작동을 안합니다 도와주세요!
        • 한강
          신기하네요. ^^!
        • 갈아만든공돌이
          감사합니다ㅠㅠ
          그런데 콘솔에서 document.getElementsByTagName('ol');을 실행하면 왜 HTMLCollection [ol]이라는 결과가 나오나요?
          이후 강의에서 확인할 수 있는 내용인가요 아니면 제가 따로 찾아봐야 하는건가요?
          대화보기
          • 2019.1.11 감사합니다^^
          • 이고잉팬
            수고하셨어용~
          • 최종민
            앗 그렇군요 말씀대로 했더니 잘됩니다 오탈자에 유의해야겠어요 감사합니다!!!
            대화보기
            • Donghyeon
              글자 색을 지정하는 부분에 오자가 있어요~ Color - color
              document.querySelector('body').style.Color = ''; 로 적으셨는데,
              document.querySelector('body').style.color = ''; 로 적으셔야 합니다.


              주간모드는 원하는대로 나왔는데 야간에서는 문제가 생겼다기보다는, 저 오자 때문에 글자색은 야간모드에서의 의도(white)대로 안 변하고 기존값(black)이 유지돼고 있던 거예요.
              배경이 검정색 일땐 글씨도 검으니 안 보이고, 배경이 하얀색 일땐 하얀색인데 글씨는 검정색이니까 보이는 식으루요.
              대화보기
              • 최종민
                <input type = "button" value = "Night" onclick ="
                document.querySelector('body').style.backgroundColor = 'black';
                document.querySelector('body').style.Color = 'white';
                ">
                <input type = "button" value = "Day" onclick ="
                document.querySelector('body').style.backgroundColor = 'white';
                document.querySelector('body').style.Color = 'black';
                ">
                이렇게 코드를 짜서 넣었더니 Day 버튼을 누르면 원하는 대로 주간모드(배경 흰색, 글씨 검은색)가 되는데 Night 버튼을 누르면 통째로 검은색이 되어버리네요.. 이유가 뭔지 모르겠습니다 ㅠㅠ 혹시 조언 주실 수 있는 분이 있으시다면 알려주시길 바라요. 감사합니다!
              • ckstn0777
                a color 속성을 inherit으로 바꾸면 잘 해결됩니다!. inherit 속성이 상속이라는 말이거든요.
              버전 관리
              egoing
              현재 버전
              선택 버전
              graphittie 자세히 보기