본문 바로가기

HTML / CSS / Java Script

[JS] Document의 하위 객체

Document


Document 하위 객체

웹브라우저 기반개체의 계층구조를 보면 Document개는 Applet, Link, Anchor, Form, Area, Image, All, Layer 등의 하위객체를 포함하고 있다.

Anchor 객체
특정위치를 링크시키기위해서 <a neme>에 지정된 위치를 의미하는 객체고 anchors라는 배열형태의 객체변수로 선언되어 있다.


document.anchor.속성;
document.anchor[인덱스].속성;

Anchor 객체속성
length : 현재문서에 지정된 위치의 갯수
name : 지정된 위치이름

Link 객체
<a href>로 지정한 하이퍼링크의 정보를 제공하는 객체고 [links]라는 배열형태의 객체변수로 선언되어 있다.


document.links.속성;
document.links[인덱스].속성;

Link 객체속성
target : 링크된 결과가 출력될 프레임

Image 객체
<img>를 사용해서 삽입한 그림에 관한 정보를 제공해주는 객체로 images배열형태의 객체 변수로 선언되어 있다.


document.images.속성;
document.images[인덱스].속성;
document.images[그림이름].속성;
document.그림이름.속성;

문서내에 삽인된 그림 이외에 자바스크립트에서 그림을 사용하기 위해 해당그림을 객체화할수 있다.


img1=new Image( ); Image객체변수 선언및 생성
img1.src="*.jpg"; 생성된 Image객체의 파일이름의 지정과정

Image 객체속성
name : 그림이름
src : 그림파일 URL
border : 그림의 테두리두께
height : 그림의높이
width : 그림의폭
vspace : 그림의 세로여백
hspace : 그림의 가로여백