탐색
가이드
@ekgns119
전체 보기
프로젝트
포스트
팔로잉
스크랩
전체 보기
프로젝트
포스트
팔로잉
스크랩
프로젝트 히스토리
프로젝트 상세 페이지
타임라인
리스트
2022.06.15
@ekgns119님이 새 포스트를 작성했습니다.
Html + Javascript
*html 파일에 script 태그 사용하기 <script> function hello() { console.log('Hello'); } hello(); </script> html 파일 내부에 script 태그를 삽입하여 javascript 코드를 구현하는 것이다. -> 위 코드와 같이 javascript 코드를 script 태그로 감싸주면 된다. 두번째, javascript 파일을 따로 만든 뒤, src를 통해 그 파일을 연결하는 것이다. 첫 번째 방법보다, 재사용성이 좋다. *DOM(Document Object Model) 텍스트로 작성된 html 파일을 트리 형태로 표현한 객체. DOM을 통해서 javascript와 html 파일이 연결되고, document의 객체는 DOM 트리의 최상단에 있는 객체에 접근하게 해준다. 1) DOM에 접근하기 document.getElementByld('header').inner HTML = "모각코 화이팅"; document라는 객체를 통해 우리가 무엇을 할지 선택할 수 있다. id가 "header"인 태그를 선택하기 위해 getElementByld라는 함수를 사용했고, 태그를 선택한 뒤, innerHTML을 "모각코 화이팅"으로 교체했다. document.getElementsByTagName('div'); 이렇게 사용하게 되면 태그명이 div인 모든 태그를 선택할 수 있다.