자바스크립트 HTML DOM 예



내장된 JavaScript를 사용하는 객체 인스턴스입니다.

문서 객체

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

  • HTML 출력을 위해 document.write() 사용

  • 문서의 앵커 수 반환

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

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

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

  • < li>

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

  • 문서에 있는 첫 번째 이미지의 ID를 반환합니다.

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

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

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

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

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

    p>
  • 현재 로드 중인 문서의 URL을 반환합니다.

  • 문서 제목을 반환합니다.

  • Return 문서의 전체 URL

  • 출력 스트림 열기, 스트림에 텍스트 입력

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

  • 지정된 ID를 가진 요소의 innerHTML을 팝업으로 표시

  • 지정된 이름으로 팝업되는 요소의 수

  • 지정된 태그 이름으로 나타나는 요소의 수

  • 업데이트됨 많은 문서 객체 예제가 JavaScript 참조 매뉴얼에 있습니다.

Anchor 객체

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

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

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

  • 앵커 이름 반환

  • 현재 파일과 링크된 문서 간의 관계 반환

  • 대상 변경 링크의 속성

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

  • JavaScript 참조 매뉴얼에 Anchor 객체의 더 많은 예가 있습니다.

Area 객체

  • 이미지 매핑 영역을 반환합니다. 대체 텍스트

  • 이미지 맵의 특정 영역의 좌표를 반환합니다.

  • 해당 영역의 href 속성 중 앵커 부분을 반환합니다

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

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

  • 이미지 매핑 특정 영역의 포트 반환

  • 이미지 매핑 특정 영역의 href 반환

  • 이미지 매핑 경로명 중 특정 영역을 반환

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

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

  • 이미지 매핑의 특정 영역의 모양을 반환

  • 이미지 매핑의 특정 영역에 대한 대상 값을 반환합니다.

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

기본 객체

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

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

  • JavaScript 참조 매뉴얼에서 기본 객체의 더 많은 예를 확인하세요.

버튼 객체

  • 버튼을 클릭해도 사용할 수 없습니다< /p>

  • 버튼 이름 반환

  • 버튼 유형 반환

  • 값 반환 버튼의

  • 버튼이 속한 테이블의 ID를 반환합니다.

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

양식 객체

  • 양식 반환

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

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

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

  • 양식의 요소 수를 반환합니다.

  • 양식 데이터 전송 방법을 반환합니다.

  • 양식 이름을 반환합니다.

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

  • 양식 재설정

  • 양식 제출

  • 더 많은 버튼 개체 예제는자바스크립트 참조 매뉴얼.

프레임/IFrame 개체

  • 예 iframe 레이아웃

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

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

  • iframe의 프레임 테두리 삭제

  • iframe의 높이와 너비 변경

  • longdesc 속성을 다음에서 반환 iframe 값

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

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

  • iframe에서 이름 속성 값 반환

  • iframe에서 스크롤 속성 값 반환 및 설정

  • iframe의 src 변경

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

이미지 개체

  • 이미지 형식 지정 < /p>

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

  • 이미지에 테두리 추가

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

  • 이미지의 hspace 및 vspace 속성 설정

  • 이미지의 longdesc 속성 값 반환

  • 저해상도 이미지에 대한 링크 만들기

  • 이미지 이름 반환

  • 변경 이미지의 src

  • 클라이언트측 이미지 맵의 usemap 값을 반환합니다.

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

이벤트 객체

  • 가 눌러졌습니다 무엇 키보드 키의 키코드는 무엇입니까?

  • 마우스 좌표는요?

  • 화면에 대한 마우스의 좌표는요?

  • Shift 키를 눌렀나요?

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

객체 옵션 및 선택

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

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

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

    < /li>
  • 드롭다운 목록을 여러 줄 목록으로 변경

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

  • < li>

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

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

  • 드롭다운 목록에서 선택한 옵션의 텍스트 변경

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

  • Table, TableHeader, TableRow, TableData 개체

    • 표 테두리 너비 변경

    • 표의 셀 패딩 및 셀 간격 변경

    • 표의 프레임 지정

    • 표 규칙 지정

      < /li>
    • 행의 innerHTML

    • 셀의 innerHTML

    • 테이블 제목 만들기

    • 표에서 행 삭제

    • 표에 행 추가

    • 표 행에 셀 추가

    • p>

    • 셀 내용을 가로로 정렬

    • 셀 내용을 세로로 정렬

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

    • 단일 셀의 내용을 수직으로 정렬

    • 셀 내용 변경

    • 🎜행 내용 변경