자스허접
17
2021-02-21 19:01:18
8
168

addEventListener 에서 클릭시 노출 안되는 것 해결방법 요청





처음 html파일에  inputbox클래스 클릭 시 inputbox-data 클래스가 나오도록 설정하고 싶어서


자바스크립에 이벤트리스너에 클래스 리스트 토글을설정하여 css에 토글명을 설정했는데


왜 안되는건가여?


혹시 다른방법이있나요?

0
  • 답변 8

  • 빵야빵야
    49
    2021-02-21 19:35:48

    혹시 css 순서를 바꿔보시겠어요 ?


    .inputbox-data .open 으로 ..?

  • 자스허접
    17
    2021-02-21 19:53:03

    네 그렇게해도 안되네요

  • 빵야빵야
    49
    2021-02-21 20:04:43


    .inputbox-data {
      display: none;
    }
    
    .open {
      display: flex;
    }


    음.. 이런 식으로 css 클래스를 하나 따로 정의하면 작동은 잘 될 거예요

  • 자스허접
    17
    2021-02-21 20:08:28

    와 정말 감사합니다 ㅠㅠ 됐어요 ㅠㅠㅠ

  • 자스허접
    17
    2021-02-21 20:21:07

    저그런데 동일한 클래스명이 3개가있는데 3개중 한개만 이벤트가 이벤트적용이되는데 3개다 동일한 클래스명상태에서 적용방법은 없나요?

  • 빵야빵야
    49
    2021-02-21 20:29:07

    querySelectorAll 을 사용해서 유사배열 형태로 DOM을 찾아낸 후

    배열이니까 반복문을 통해 classList add 를 하면 어떨까요??

  • 자스허접
    17
    2021-02-21 20:32:25

    제가 초보라서 ㅠㅠ 혹시 코드로 설명이가능할까요?

  • 빵야빵야
    49
    2021-02-21 20:36:29

    https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_document_queryselectorall_class


    한번 보시고 응용하시면 될 거 같네요

  • 로그인을 하시면 답변을 등록할 수 있습니다.