WEB2 - JavaScript

제어할 태그 선택하기

소스코드

변경사항

 

댓글

댓글 본문
작성자
비밀번호
  1. 숩숩이
    완료
  2. 코딩하쟈
    완료
  3. daniellee123456
    완료
  4. eddylee123456
    완료
  5. 규몽
    완료
  6. Harry
    감사합니다. 완료
  7. 뚠뚠이ㅏ
    어ㅘㅣㄴ료 ㅏㅜ
  8. 민스티티아
    완료!
  9. Harry
    감사합니다. 완료
  10. 뉴빈
    공부하는 방법을 알려주셔서 감사합니다!
  11. hansy
    완료!
  12. Useok
    완료
  13. moon
    감사합니다.!!
  14. thsths
    완료
  15. Yamto
  16. 춤춤
    완료!
  17. 스티븐잡숴
    완료
  18. 완료
  19. 감사합니다
  20. 메메
    <input type="button" value="night" onclick="
    documentquerySelector('body').style.backgroundColor='black';
    ">
    결과: <body style="background-color:black;">

    → onclick: 이벤트(클릭했을 때)
    → documentquerySelector('body'): <body>태그 선택(CSS의 선택자를 이용해서)
    * 선택자에 해당하는 첫번째 요소만 선택됨
  21. 펜펜
    감사합니다!
  22. 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
  23. 서혜민
    완료
  24. 유화
    감사합니다!
  25. 릴라야
    완료
  26. Jeremy Jo
    봤어요..
  27. csrcomp21
    완료!
  28. hr1004
    완료
  29. 오오우우얍
    다음!
  30. 완료
  31. documentary.querySelector는 웹브라우저에 포함되어 있는 모든 문서의 태그들을 다 가리킬수 있는 건가요?
  32. 샬롬
    완료
  33. document.querySelector('body').style.backgroundcolor='black';

    ? javascript select tag by css selector
    ? javascript element style
  34. 딥허브
    2019.12.21
  35. 히히
    12월 4일 완료!!
  36. 아빠늑대
    JS 역시 CSS처럼 태그, 클래스, ID를 선택할 수 있다. 검색검색
    document.querySelector('body')
    선택된 body 태그에 어떻게 style 속성값을 넣을 것인가. 검색검색!
    document.querySelector('body').style.backgroundcolor = "black"
    자 이제 요소검색을 켜서 어떠게 변하는지? 짜잔!
  37. icoffea
    완료
  38. 굼벵이
    완료
  39. 홍주호
    20191109 완료
  40. 육포
    20191031
  41. Bart Lee
    완료
  42. 완료!
  43. 완료!
  44. 굼벵이
    완료
  45. 박창신
    완료
  46. 감자
    완료
  47. 코딩만이 살길이다
    완료
  48. 20190930 Ted 완료!
  49. 다에
    완료
  50. 녹차스무디
    완료
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기