HTML DOM 예

JavaScript를 사용하여 액세스하고 조작하는 HTML DOM 객체의 예.

Document 객체

• document.write()를 사용하여 텍스트 출력

• document.write()를 사용하여 HTML 출력

• 문서의 앵커 수를 반환

• 문서의 앵커 수를 반환 문서의 첫 번째 앵커 innerHTML

• 문서에 있는 양식의 수를 반환합니다

• 문서에 있는 첫 번째 양식의 이름을 반환합니다

• 문서에 있는 이미지 수를 반환합니다

• Returns 문서에 있는 첫 번째 이미지의 ID

• 문서에 있는 링크 수를 반환합니다

• 문서에 있는 첫 번째 링크의 ID를 반환합니다

• 문서에 있는 모든 쿠키의 이름/값 쌍을 반환합니다. document

• 로드된 문서의 서버 도메인 이름을 반환

• 문서의 마지막 수정 시간을 반환

• 현재 로드된 문서의 URL을 반환

• 문서의 제목을 반환

• 문서의 전체 URL을 반환합니다.

• 출력 스트림을 열고 스트림에 텍스트를 입력합니다.

• write()와 writeln()의 차이점

• 지정된 요소의 innerHTML을 팝합니다. ID

• 지정된 이름을 가진 요소 수를 팝합니다.

• 지정된 태그 이름을 가진 요소 수를 팝합니다.




• 자바스크립트 참조 매뉴얼에 더 많은 문서 객체 예가 있습니다.

앵커 개체

• 링크의 charset 속성을 반환하고 설정합니다

• 링크의 href 속성을 반환하고 설정합니다

• 링크의 hreflang 속성을 반환하고 설정합니다

• Return 초 앵커 이름

• 현재 문서와 링크된 문서 간의 관계를 반환합니다.

• 링크의 대상 속성을 변경합니다.

• 링크의 유형 속성 값을 반환합니다.

• 더보기 JavaScript 참조 매뉴얼에 있는 Anchor 객체의 예.

Area 개체

• 이미지 매핑에서 특정 영역의 대체 텍스트를 반환합니다.

• 이미지 매핑에서 특정 영역의 좌표를 반환합니다.

• href 속성의 앵커 부분을 반환합니다. anarea

• 반환된 호스트 이름: 이미지 매핑의 특정 영역의 포트

• 이미지 매핑의 특정 영역의 호스트 이름을 반환

• 이미지 매핑의 특정 영역의 포트를 반환합니다. 이미지 매핑

• 이미지 매핑의 특정 영역에 대한 href를 반환

• 이미지 매핑의 특정 영역에 대한 경로명을 반환

• 이미지 매핑의 특정 영역에 대한 프로토콜을 반환

• 영역의 href 속성 중 쿼리스트링 부분을 반환합니다.

• 이미지 매핑의 특정 영역을 반환합니다. Shape

• 은 이미지 맵의 특정 영역의 대상 값을 반환합니다.

• 더 많은 Area 객체 예제는 JavaScript 참조 매뉴얼에 있습니다.

기본 개체

• 페이지에 있는 모든 상대 URL의 기본 URL을 반환합니다

• 페이지에 있는 모든 관련 링크의 기본 링크를 반환합니다.

• JavaScript 참조 매뉴얼에 더 많은 기본 개체 예제가 있습니다.

버튼 객체

• 버튼을 클릭하면 사용할 수 없습니다

• 버튼 이름을 반환합니다

• 버튼 유형을 반환합니다

• 버튼 값을 반환합니다

• 버튼 반환 버튼이 속한 테이블의 ID

• 자세한 버튼 개체 예제는 JavaScript 참조 매뉴얼에 있습니다.

Form 객체

• 양식의 모든 요소 값을 반환합니다.

• 양식의 acceptCharset 속성 값을 반환합니다.

• 양식의 action 속성 값을 반환합니다.

• enctype 속성의 값

• 양식의 요소 수를 반환

• 양식 데이터를 보내는 방법을 반환

• 양식의 이름을 반환

• 양식의 대상 속성

• 양식 재설정

• 양식 제출

• 더 많은 버튼 개체 예제는 JavaScript 참조 설명서에 있습니다.

Frame/IFrame 개체

• iframe 형식 지정

• iframe에 포함된 문서의 배경색 변경

• iframe의 프레임 테두리 속성 값 반환

• 삭제 프레임 프레임 테두리

• 는 iframe의 높이와 너비를 변경합니다.

• iframe의 longdesc 속성 값을 반환합니다.

• iframe의 marginheight 속성 값을 반환합니다.

• 값을 반환합니다. iframe의 marginwidth 속성 값

• iframe의 name 속성 값을 반환

• iframe의 스크롤 속성 값을 반환 및 설정

• iframe의 src 변경

• 더 많은 Frame/IFrame 개체 예제는 JavaScript 참조 매뉴얼에 있습니다.

이미지 개체

• 이미지 서식 지정

• 이미지의 대체 텍스트 반환

• 이미지에 테두리 추가

• 이미지의 높이와 너비 변경

• 이미지의 hspace 설정 그리고 vspace 속성

• 은 이미지의 longdesc 속성 값을 반환합니다.

• 저해상도 이미지에 대한 링크를 생성합니다.

• 이미지의 이름을 반환합니다.

• 이미지의 src를 변경합니다.

• 클라이언트측 이미지 매핑을 위한 usemap 값

• 을 반환합니다. 더 많은 이미지 개체 예제는 JavaScript 참조 매뉴얼에 있습니다.

Event Object

• 어떤 마우스 버튼을 클릭하셨나요?

• 눌린 키보드 키의 키코드는?

• 마우스의 좌표는?

• 화면을 기준으로 한 마우스의 좌표는 무엇입니까?

• Shift 키를 눌렀나요?

• 어떤 요소가 눌려져 있나요?

• 어떤 이벤트가 일어났나요?

개체 옵션 및 선택

• 드롭다운 목록 비활성화 및 활성화

• 드롭다운 목록이 있는 양식의 ID 가져오기

• 드롭다운 목록에서 옵션 수 가져오기

• 드롭다운 목록을 여러 줄로 전환 목록

• 드롭다운 목록에서 여러 옵션 선택

• 드롭다운 목록에서 모든 옵션 팝업

• 색인 팝업 드롭다운 목록에서 선택한 옵션

• 드롭다운 목록에서 선택한 옵션의 인덱스 변경 Text

• 드롭다운 목록에서 옵션 삭제

Table, TableHeader, TableRow, TableData 개체

• 테이블 테두리 너비 변경

• 테이블의 셀 패딩 및 셀 간격 변경

• 테이블 프레임 지정

• 테이블 규칙 지정

• 행의 innerHTML

• 셀의 innerHTML

• 테이블 제목 만들기

• 테이블의 행 삭제

• 테이블 행에 추가

• 테이블 행에 셀 추가

• 셀 내용 정렬 가로로

• 셀 내용을 세로로 정렬

• 단일 셀의 내용을 가로로 정렬

• 단일 셀의 내용을 가로로 정렬 셀의 내용을 세로로 정렬

• 셀의 내용 변경

• 셀 범위의 열 수 변경(colspan 속성)