document 객체 메소드

CODEDRAGON Development/JavaScript, jQuery, ...

반응형

 

 

document 객체 메소드

document 객체는 HTML 요소와 관련된 작업을 도와주는 다양한 메소드를 제공합니다.

메소드

설명

open()

·       문서에 데이터를 출력하기 위해 문서를 여는 메소드.

close()

·       문서에 데이터를 출력하는 것을 마무리 하고 문서를 닫는 메소드.

clear()

·       문서의 내용을 지우는 메소드.

getElementsByTagName(태그이름)

·       해당 태그 이름의 요소를 모두 선택합니다.

getElementById(아이디)

·       해당 아이디의 요소를 선택합니다.

getElementsByClassName(클래스이름)

·       해당 클래스에 속한 요소를 모두 선택합니다.

getElementByName(name속성값)

·       해당 name 속성값을 가지는 요소를 모두 선택합니다.

querySelectorAll(선택자)

·       해당 선택자로 선택되는 요소를 모두 선택합니다.

·       브라우저 버전별로 지원 여부가 다릅니다. 익스플로러 8과 그 이전 버전에서 지원하지 않습니다

createElement(HTML요소)

·       지정된 HTML 요소를 생성합니다.

write(텍스트)

·       HTML 출력 스트림을 통해 텍스트를 출력합니다.

·       문서에 특정 내용을 출력하는 메소드.

·       태그를 포함하여 문자열을 출력합니다.

writeln()

·       데이터를 출력하고 개행(new line 처리) 하는 메소드.

getElementById(아이디).onclick = function(){ 실행할 코드 }

·       마우스 클릭 이벤트와 연결될 이벤트 핸들러 코드를 추가함.

 

 

'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

화면에 문서객체 출력 - appendChild()  (0) 2017.06.27
프로토타입(Prototype)  (0) 2017.06.27
document 객체 속성  (0) 2017.06.27
document 객체, 도큐먼트 객체  (0) 2017.06.27
DOM 활용 작업  (0) 2017.06.27