본문 바로가기

script2

[JS] Uncaught TypeError: Cannot read property 'addEventListener' of null 내 코드 submit 버튼을 누르면 addEventListner가 작동하여 입력된 값들을 가지고 다음 페이지로 넘겨주어야 하는데 제대로 작동하지 않았다. 오류 내용 Uncaught TypeError: Cannot read property 'addEventListener' of null addEventListner가 null 값을 받아오고 있었다. 문제 해결 js 파일을 살펴보니 문제가 없었고, 문제는 html 파일에 있었다. html 파일과 js 파일을 연결해주는 script 코드를 html 파일의 header 태그 안에 작성하여서 페이지가 렌더링되기도 전에 작동이 되었던 것이다. 그렇기 때문에 addEventListner가 제대로 작동할 수 없었던 것이다. 그래서 script 코드를 body 밖으로 빼.. 2022. 9. 30.

브라우저 환경의 자바스크립트 DOM (Document Object Model) HTML, XML 문서의 프로그래밍 interface 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 도움 nodes와 objects로 문서 표현 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할 담당 브라우저 렌더링 순서 html 다운로드 → dom tree link 태그를 만나면 css 다운로드 → cssom tree script 만나면 해석이 끝날 때까지 렌더링 중지 img와 같은 외부 리소스 파싱 dom과 cssom 합쳐서 render tree 생성 layout (reflow) : 배치, 배치가 바뀌지 않으면 do.. 2022. 7. 13.

이전 1 다음

티스토리툴바