WEB2 - JavaScript

제어할 태그 선택하기

소스코드

변경사항

 

댓글

댓글 본문
  1. Mongsil
    2020-04-01 완료
  2. 창의력
    완료감솨
  3. 악어
    2020-04-01 완료
  4. 악어
    2020-04-01 완료
  5. keicoder
    완료
  6. 야루
    완료
  7. Yohanesty
    완료
  8. 뿡뿡팡야
    완료
  9. kms5131
    완료
  10. 혹등고래
    완료
  11. OneJae EE
    20.03.19 목 / 37세 비전공자 / 완료
  12. 0cddo
    완료!
  13. Horang
    혼돈의타임 ㅋㅋ
  14. 강냉
    사랑해요
  15. flytodk
    complete
  16. 완료
  17. 짱아찌
    완료
  18. <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';">

    → documentquerySelector('body'): <body>태그에 javascript 코드 적용
  19. 숩숩이
    완료
  20. 코딩하쟈
    완료
  21. daniellee123456
    완료
  22. eddylee123456
    완료
  23. 규몽
    완료
  24. 감사합니다. 완료
  25. 뚠뚠이ㅏ
    어ㅘㅣㄴ료 ㅏㅜ
  26. 민스티티아
    완료!
  27. 감사합니다. 완료
  28. 뉴빈
    공부하는 방법을 알려주셔서 감사합니다!
  29. 완료!
  30. 완료
  31. 감사합니다.!!
  32. thsths
    완료
  33. 춤춤
    완료!
  34. 스티븐잡숴
    완료
  35. 완료
  36. 감사합니다
  37. 메메
    <input type="button" value="night" onclick="
    documentquerySelector('body').style.backgroundColor='black';
    ">
    결과: <body style="background-color:black;">

    → onclick: 이벤트(클릭했을 때)
    → documentquerySelector('body'): <body>태그 선택(CSS의 선택자를 이용해서)
    * 선택자에 해당하는 첫번째 요소만 선택됨
  38. 펜펜
    감사합니다!
  39. Night, day 버튼 클릭 구현
    <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';">

    body 안에 태그를 동적으로 작업
    Javascript select by css selector(id class tag)를 검색
    검색하는 능력 중요하다.
    수업에서의 검색

    javascript element style
    javascript style background color
  40. 서혜민
    완료
  41. 유화
    감사합니다!
  42. 릴라야
    완료
  43. Jeremy Jo
    봤어요..
  44. csrcomp21
    완료!
  45. hr1004
    완료
  46. 오오우우얍
    다음!
  47. 완료
  48. documentary.querySelector는 웹브라우저에 포함되어 있는 모든 문서의 태그들을 다 가리킬수 있는 건가요?
  49. 샬롬
    완료
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기