자바스크립트 document 객체

HTML document 객체

  • 웹브라우저가 HTML 문서를 적재하면 document 객체가 됨
  • HTML 태그들 중 최상위 노드
  • 다른 모든 노드(태그)들의 소유자

1. document.write

화면에 내용을 표시하기 위해 사용된다.

document.write('Hellow Wodrld');
document.write = 화면에 표시하기 위한 선언 / ( ) = 화면에 표시 될 내용 / '' = 문자를 표기하기위한 장치

2. document.getElementByID

지정된 유일한 ID를 가진요소(element)를 찾는 함수

document.getElementById(id)
접근하고자하는 요소의 id를 입력

3. document.getElementsByName

document.getElementsByName(이름) 은 object 의 name 을 통해 인식한다.

id나 name을 이용해서 value 값을 가져오는 건데, 차이점이라면 getElementById(아이디)로 가져오면 단일값을 가져오고 getElementsByName(이름)은 해당 이름으로 된 객체를 모두 배열로 받아올 수 있다는 점이다.

ID를 가져오는 함수인 getElementById 와 다르게, name은 중복될 수 있는 요소이기 때문에 Element 에 s가 붙어 복수형이 된다. getElementsByName 을 쓸때에는 첫글자를 대문자로 쓰면 안된다.
비록 객체가 한개일지라도 배열로 값을 받아야 받을 수 있다. 즉,

    var obj = document.getElementsByName("objectName");

    alert(obj[0].value);

좋은 웹페이지 즐겨찾기