WEB2 - JavaScript

제어할 태그 선택하기

소스코드

변경사항

 

댓글

댓글 본문
  1. 감자
    22.11.25 복습 다시 시작!
  2. 아이고머리야
    22.11.14
  3. labis98
    20221106 복습완료
  4. 이택진
    20221030
  5. 코딩왕초보
    2022.10.26 복습
  6. 엠제이
    10192022
  7. 보통사람 박코딩
    할수있다
  8. 모카
    2022.10.17
  9. 221017
  10. 코딩드림
    221016
  11. 서우
    221007
  12. 코딩왕초보
    2022.10.05
  13. 김세나
    221001
  14. 한승욱
    220927
  15. 정하늘
    220924
  16. 당당
    2022.09.13
  17. 삶은황도
    22.09.05 수강완료
  18. 22.08.31
  19. 뿔고래
    document.querySelector를 사용하여 원하는 태그를 지정할 수 있게 되었고 style을 사용하여 지정한 태그에 원하는 스타일의 코드를 삽입할 수 있게 되었다.
  20. Griotold
    220813 프로젝트 진행하다가 부족해서 다시 공부하러 왔습니다.
  21. 헤밍웨이
    220810 따라오다보니 JavaScript의 진가를 알게 되네요 :)
  22. 코드만다
    22.07.26
  23. 2022.07.24_완료
  24. lazy_coder
    몇시간 동안 안되서 Css 만지다가 지우고 다시 작성하고 했는데 결국 querySelector를 queryselector로 입력한것 때문에 안됬다는 것을 알았네요.. 코딩할때는 대소문자도 주의해야 한다는 사실.. 오늘 또 하나 중요한거 배워갑니다.
  25. 22.07.13
  26. 이슬유치원
    220711/
  27. Dragonmin
    220710
  28. 220708 오타주의
  29. 진진리
    0707
  30. toonfac
    220703 오후 6시 02분 완료
  31. 양빵
    220609
  32. onehae
    220602
  33. 진진리
    22.05.18
  34. 220516
  35. 달수
    20220513
  36. 우정
    <style>a{color:inherit}</style>

    설정한 값으로 링크컬러가 상속되도록 구성하면 어떨까요?
    대화보기
    • rhdwhdgu
      22.04.26
    • 고배배
      220424
    • 이정훈
      22.04.12
    • 고통받는티모
      혐의점이 2가지 보입니다.

      1. head 부분에 style.css 링크
      - style.css 부분에 적용한 çss가 우선순위로 적용됐을 수 있습니다.

      2.ol 태크 부분
      목차가 a 태그로 감싸져있는데, 이로인해 하이퍼링크 çss가 우선순위로 적용되어서 색이 안바뀔 수 있습니다.

      style.css링크한거 지우고, a태그 지우니까 색이 다 바뀌네요
      대화보기
      • cookiey
        <html>
        <head>
        <title>WEB1 - welcome</title>
        <link rel="stylesheet" href="style.css">
        </head>
        <body>
        <h1><a href="index.html" style="color: #99FF99;">WEB</a></h1>
        <div id="grid">
        <ol>
        <li><a href="1.html">HTML</a></li>
        <li><a href="2.html">CSS</a></li>
        <li><a href="3.html">JavaScript</a></li>
        <li><a href="video.html">Video</a></li>
        <li><a href="reply.html">Reply</a></li>
        </ol>
        <div id="article">
        <h2>WELCOME HOME</h2>
        </div>
        </div>
        <input type="button" value="day" onclick="
        document.querySelector('body').style.backgroundColor='white';
        document.querySelector('body').style.color='black';
        ">
        <input type="button" value="night" onclick="
        document.querySelector('body').style.backgroundColor='black';
        document.querySelector('body').style.color='white';
        ">
        </body>
        </html>
        ---------------------------------------------------------------------------------------------------
        여기서 backgroudColor만 적용되고 color 는 적용안되는 이유는 뭘까요?(텍스트 색이 안바뀜.. )
        저의 경우 <div id="grid"> 부분이 적용된 상태에서 하려니깐 그런것 같은데..
        이 때 모든 텍스트 색 깔끔히 변경가능한 해결책 아시는분 계신가요..
      • 이윤
        22.04.05
      • 220404
      • B_frog
        220329
      • 너구리기린
        2022.03.29
      • DH니스
        2022.03.27
      • 유끼끼
        css 실습 후 에 이 수업을 진행시 a태그는 색이 바뀌지 않음
        이것 저것 다해봤는데
        a태그 각각에 아이디를 넣어주고
        각각 컬러를 화이트로 설정해야 바뀌었음..
        클래스 태그로 한번에 하려고 해도 안바뀜 ;;
        document.querySelector('body').style.color = 'white';
        document.querySelector('#color0').style.color = 'white';
        document.querySelector('#color1').style.color = 'white';
        document.querySelector('#color2').style.color = 'white';
        document.querySelector('#color3').style.color = 'white';
        다른방법 있을거 같은데 지금 지식으론 이게 최선인듯
      • html어렵
        220316
      • new 개발자
        20220314
      • 지구
        2022.03.13
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기