power-girl0-0

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) Document 객체 Document 객체는 DOM의 시작점이고, 웹브라우저에서는 HTMLDocument 객체로 사용된다. HTMLDocument 객체는 문서 전체를 대표하는 객체라고 할 수 있다. 아래 코드는 이를 보여준다. 실행 결과는 아래와 같이 출력된다. 웹 페이지에서 가장 최상위라고 할 수 있는 것인 과 코드가 있는 것을 확인할 수 있다. 이것을 갖고 있는 객체는 document객체이므로, 문서 전체를 대표하는 객체라고 할 수 있다. 주요 API 노드 생성 API..

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 조회 API 조회 API는 element를 조회하는 기능이다. document 객체는 문서 전체를 의미하는 element이기 때문에 document의 조회 메소드는 문서 전체를 대상으로 엘리먼트를 조회한다. Element 객체 역시도 getElementsBy* 엘리먼트를 가지고 있는데 Element 객체의 조회 메소드는 해당 엘리먼트의 하위 엘리먼트를 대상으로 조회를 수행한다. 아래 예제를 통해 조회 대상을 제한하는 방법에 대한 알아보자. html css JavaScrip..

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다. 스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다. ( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 문서를 자바스크립트로 제어하려면 제어의 대상에 해당되는 객체를 찾는 것이 제일 먼저 할 일이다. 문서 내에서 객체를 찾는 방법은 document 객체의 메소드를 이용한다. html 문서를 만들면 각각의 태그들을 바탕으로 브라우저가 웹페이지를 만든다. 이러한 과정에서 각각의 태그에 해당되는 객체를 만든다. 따라서, 작업을 하려면 브라우저가 만들어 놓은 객체를 찾아내는 방법을 알아야 한다. 그런 방법을 아래에서 알아보자. document.getElementsByTagName ..

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다.스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다.( 출처 : https://opentutorials.org/course/743inf.run/pBzy) 해당 글을 보기 전, 이전 글을 읽고 오면 이해하는데 많은 도움이 된다.2021/02/06 - [언어/Javascript] - Object Model & 객체화window는 두 가지 의미를 가지고 있다.1) 전역 객체2) window 또는 frame 같은 것을 제어하기 위한 객체 DOM ( Document Object Model ) window 객체가 갖고 있는 여러 property 중 가장 중요한 property는 Document이다.document 객체에 접근하려면, wi..