728x90 반응형 Document2 07 html , javascript에서 html을 다루기 javascript에서 html을 다루는 방식 먼저 html에 body안에 제목을 만들고, 그 제목의 class 이름과 id를 정의하였다. DOCTYPE html> Momentum Come on me! 이제 javascript에서 id를 통해 element를 오브젝트로 불러와서 변경하는 작업을 해보자. 먼저, 콘솔에 title이라는 id를 불러와 오브젝트의 프로퍼티를 살펴보자 콘솔에서 작성했던 구문을 다음과 같이 js파일에 작성해서 콘솔로 확인해 보자. title이라는 id를 통해 element를 불러와 title에 할당했고, 콘솔에 그 dir 오브젝트 정보를 모두 모여달라고 했다. const title = document.getElementById("title"); console.dir(title); .. 2023. 5. 30. 06 Document 도큐멘트에 대한 이해 도큐멘트 Document에 대한 이해 도큐먼트는 브라우저가 이미 갖고 있는 오브젝트를 담고 있으며, 우리가 만든 html을 불러오고 연결할 수 있음을 의미한다. 웹브라우저 / 콘솔에 'document'라고 입력하고 엔터를 쳐보자. 우리가 작성하고 있는 html 소스를 보여주고 있다. 이제 콘솔에 'console.dir(document); '라고 입력해 보자. 그럼 도큐먼트의 모든 오브젝트를 볼 수 있다. 이 말은 브라우저가 이미 도큐먼트 안에 모든 오브젝트를 담고 있다는 의미다. 즉, 우리가 주로 사용하는 오브젝트와 함수를 이미 브라우저가 담고 있기 때문에, 우리가 html코드를 짜서 웹에 올리면 이를 읽어서 화면에 보여줄 수 있는 것이다. 즉 브라우저라는 의미는 언어해석기 같은 것이다. 우리가 눈으로 .. 2023. 5. 30. 이전 1 다음
