자바스크립트 document 문서 객체 모델

document 문서 객체 모델

document문서 객체 모델

document눈 문서 객체 모델인데요. 

객체를 탐색하거나 수정할때 document를 이용해 접근할수 있어요. 

1. ID값으로 접근하기 

document.getElementById ('아디');

2. name 값으로 접근하기

document.getElementsByName('네임값')

※ 잘보면 Element가 name값의 경우 복수형으로 들어가있죠? id는 고유한값이라 한개만 찾고 네임은 다수를 찾아서 그래요. 

3. class 값으로 접근하기

document.getElementsByClassName('클래스값')

4. 태그로 접근하기

document.getElementsByTagName ( "html태그");

5. css로 접근하기. 

document.querySelector ( ".myclass");

※ html 에 클래스를 접근할땐 .을 찍고 이름을 적는다 제이쿼리나 css나 공통사항이니 기억해두자!