DOM 예제
액세스하고 HTML의 DOM 오브젝트를 조작하는 자바 스크립트를 사용하는 예를 도시한다.
문서 객체
- 출력 텍스트에 document.write를 ()를 사용하여
- document.write를 사용 () 출력 HTML
- 문서 앵커의 수를 돌려줍니다
- 첫 번째 앵커 innerHTML을 문서를 반환
- 의 형태로 문서의 수를 돌려줍니다
- 첫 번째 양식에서 문서의 이름을 돌려줍니다
- 문서에 이미지의 수를 돌려줍니다
- 첫 번째 사진의 ID 문서를 반환
- 문서에 링크의 수를 돌려줍니다
- 제 1 링크 ID 문서를 반환
- 문서 / 값 쌍으로 모든 쿠키의 이름을 돌려줍니다
- 문서를로드 할 도메인 이름 서버를 돌려줍니다
- 문서의 최종 수정 시간으로 돌아 가기
- 현재 문서의 URL이로드 돌려줍니다
- 문서의 제목을 반환
- 문서의 전체 URL을 반환
- 출력 스트림을 열고 스트림에 텍스트를 입력
- 다른 쓰기 ()와 경우 Writeln ()의
- innerHTML을 지정된 ID를 가진 요소를 팝
- 지정된 수의 요소와 팝업의 이름을
- 팝업 요소 지정된 태그 이름의 수
- 우리의 문서 객체의 더 많은 예제 자바 스크립트를 참조 설명서.
앵커 객체
- 및 설정 링크 캐릭터 속성을 돌려줍니다
- 돌아가서 링크 HREF 속성을 설정
- 에 hreflang 속성 반환 및 설정 링크
- 앵커의 이름을 돌려줍니다
- 현재의 파일 사이의 관계를 반환 문서 사이의 링크
- 링크 대상의 속성을 변경하려면
- 속성 링크 유형의 값을 돌려줍니다
- 우리의 앵커 개체의 더 많은 예제 자바 스크립트를 참조 설명서.
지역 객체
- 지역지도에 대한 이미지 대체 텍스트를 돌려줍니다
- 지역 맵의 이미지 좌표를 돌려줍니다
- 앵커 영역 HREF 특성의 일부를 반환
- 지역의 포트 이미지 맵 : 호스트 이름을 반환
- 지역의 위로 호스트 이름 이미지 맵
- 포트 이미지 맵 영역으로 돌아 가기
- 지역의 위로 href가 이미지 맵
- 이미지 맵 영역의 경로 이름을 반환
- 지역의 위로 프로토콜 이미지 맵
- 반환 지역의 쿼리 문자열 부분을 속성 HREF
- 이미지 맵의 영역의 형태를 돌려줍니다
- 영역의 목표 이미지 맵의 반환 값
- 우리의 지역 개체의 더 많은 예제 자바 스크립트를 참조 설명서.
자료 개체
- 페이지의 모든 상대 URL에 대한 기본 URL을 반환
- 다시 모든 상대 링크로 연결되는 링크 페이지를 기반으로
- 우리의 기본 목표 객체의 더 많은 예제 자바 스크립트를 참조 설명서.
버튼 객체
- 당신이 종료를 클릭하면 단추를 사용할 수 없습니다
- 버튼의 이름을 돌려줍니다
- 버튼의 형태를 돌려줍니다
- 버튼의 값을 돌려줍니다
- 테이블의 ID에 단추를 돌려줍니다
- 우리의 더 많은 버튼 객체 인스턴스 자바 스크립트를 참조 설명서.
양식 개체
- 그것은 모든 요소의 형태로 값을 반환
- 속성 형태의 값을 돌려줍니다 acceptCharset
- 양식 action 속성 값을 반환
- 형태 속성에 enctype의 반환 값
- 양식의 요소의 수를 돌려
- 위로 폼 데이터 전송 방법
- 이름의 형식을 돌려줍니다
- 재산의 형태 목표 값을 돌려줍니다
- 양식 재설정
- 양식 제출
- 우리의 더 많은 버튼 객체 인스턴스 자바 스크립트를 참조 설명서.
프레임 / IFrame을 객체
- 레이아웃에 iframe
- iframe을에 포함 된 문서의 배경색 변경
- iframe을의 FRAMEBORDER 속성의 반환 값
- iframe을의 FRAMEBORDER를 제거
- 은 iframe의 높이와 너비를 변경
- iframe을의 됨 longdesc 속성의 반환 값
- iframe이의 반환 값은 MARGINHEIGHT 속성
- iframe이의 반환 값은 marginwidth 속성
- 은 iframe의 이름 속성의 반환 값
- 반환 및 iframe 속성을 스크롤에 값을 설정
- iframe을의 SRC의 변화
- 우리의 더 많은 프레임 / IFrame을 객체 인스턴스 자바 스크립트를 참조 설명서.
이미지 개체
- 이미지 레이아웃
- 이미지 대체 텍스트를 돌려줍니다
- 이미지에 테두리를 추가
- 이미지 높이와 폭을 변경
- HSPACE 및 VSPACE 속성의 이미지를 설정
- 됨 longdesc 속성 이미지의 값을 돌려줍니다
- 낮은 해상도 이미지에 대한 링크 만들기
- 이미지의 이름을 돌려줍니다
- 이미지 SRC 변경
- 의 usemap의 클라이언트 측 이미지 맵의 값을 돌려줍니다
- 우리의 더 많은 이미지 객체 인스턴스 자바 스크립트를 참조 설명서.
이벤트 객체
옵션 및 개체 선택
- 해제하고 드롭 다운 목록을 사용
- ID의 양식을 얻기 위해 드롭 다운 목록이 있습니다
- 옵션의 드롭 다운 목록의 수를 가져옵니다
- 여러 줄에 드롭 다운 목록
- 드롭 다운 목록에서 하나 이상의 옵션을 선택합니다
- 팝업 모든 옵션의 드롭 다운 목록을
- 선택한 옵션의 팝 지수 드롭 다운 목록
- 텍스트 드롭 다운 목록은 선택된 옵션을 변경할 수 있습니다
- 옵션의 드롭 다운 목록을 제거