A>document 객체
window 객체를 상속하는 객체
HTML 문서의 전반적인 속성을 가지고 있다.
DOM 트리의 최상위 객체이다.
window.document 혹은 document 로 접근 가능
document 는 BOM 에 속함 DOM 이 아님
메소드
document.getElementsByTagName(태그 이름) : 모든 태그 컬렉션으로 가져옴
document.getElementById('찾을 id')
document.getElementsByClassName('찾을 class') :모든 클래스 컬렉션으로 가져옴
document.write() :브라우저 상에 html 요소를 쓸때
document.writeln() :개행하고 요소를 씀
document.open() : document 객체에 담긴 DOM 을 지우고 새로 시작
document.close() :출력된 HTML 페이지 완성
document.createElement('태그이름') :태그 이름의 DOM 객체 생성
예시
|
1
2
3
4
|
var newTag = document.createElement('div');
newTag.innerHTML = '새로운 div';
newTag.setAttribute('id','mydiv');
new.style.backgroundColor = 'gray';
|
cs |
부모.appendChild(DOM객체) : DOM트리에 삽입
부모.insertBefore(DOM객체 [,기준 자식]) :기준자식 이전에 DOM 객체 삽입
부모.removeChild(삭제할 자식) :DOM객체 삭제
예시
|
1
2
3
4
|
var mydiv = document.getElementById('id');
var parent = myDiv.parentElement;
parent.removeChild(myDiv); // 부모에서 myDiv 객체 삭제
|
cs |