JAVASCRIPT#22 - 자바스크립트 DOM 이 뭘까?!

Ponies, I'm your servant, prisoner and a lover.

JAVASCRIPT#22 - 자바스크립트 DOM에 대하여.

1. DOM????

- 자바스크립트 DOM이란 자바스크립트로 HTML 문서를 수정하기 위해 사용되는 객체.

2. document.getElementById("아이디값");

- 자바스크립트 DOM 작동방식은 다음과 같다.

1) DOM에서는 수정할 요소(Element)를 타겟팅하기 위해 id로 찾음

2) 위 명령어로 해당 id값을 객체에 저장해서 타겟팅용 "DOM 객체"를 만듬.

3) DOM 객체에 원하는 메소드들을 더해서 해당 타겟 HTML을 수정함.

3) style

- 해당 요소의 글자의 스타일에 접근하는 document 객체의 내부 객체.

- document.style.color = "#색상코드";

4) innerHTML

- 해당 요소안의 HTML 자체를 대체함. 

자바스크립트 DOM 예제

랜덤포니!.zip

이제 폴더째로 올리기위해 압축파일로 올랴봄. 풀어서 HTML 실행하면 됨.