Level 1 function 어떻게 검색해야할지 모르겠습니다.

[김봉섭]

코드 첨부했습니다.

<button onclick="document.getElementsByClassName('box').style.display = block;">ID</button>

은 문제 없이 잘 실행 됩니다.

그런데 

    function open(){
      document.getElementsByClassName('box').style.display = block;
    }

 

으로 실행하면

이런식으로 소스에서 css 파일도 사라지고  title도 사라집니다.

화면에 아무것도 뜨지 않네요... 

function 으로 따로 빼서 실행하지 않으면 문제가 없는데 왜 이러는 걸까요?

[codingapple]

className셀렉터의 경우 뒤에 [0] 붙여줘야합니다 

vscode 좌측 extension 메뉴에서 live server 찾아서 설치하고

index.html파일 우클릭 - live server로 띄우기 눌러서 미리보기 띄웁시다 

[김봉섭]

선생님 답변 감사합니다!
그런데 제가 캡쳐 이미지를 잘 못 올렸네요! 
질문 글 다시 올렸습니다 ㅠㅠ

[글쓴이]

글