DOM 고급 프로그래밍_DOM

머리말: W3C에서 규정한 세 가지 유형의 DOM 표준 인터페이스(이미지 변경): 다양한 구조화된 문서에 적합한 Core DOM(Java OOP에서 학습), XML 문서 전용, HTML 문서의 경우 다음 질문을 이해해 보겠습니다.

1. 위치 및 기록 개체

뒤로() //반환
앞으로()
go() //앞으로
위치
href //링크
새로고침 //로드

2. 위치 및 기록 객체 적용

코드 복사 코드는 다음과 같습니다.

꽃 세부정보 보기 이 페이지 새로고침
기본 페이지로 돌아가기

3. Document 객체의 공통 속성

1.referrer(현재 문서를 로드하는 문서의 URL을 반환)

2.URL (현재 문서의 URL을 반환) document.referrer document.URL

문서 객체의 일반적인 메소드

코드 복사 코드는 다음과 같습니다.

getElementById()(지정된 ID를 가진 첫 번째 객체에 대한 참조 반환)
getElementsByName()(지정된 이름을 가진 객체 컬렉션 반환)
getElementsByTagName()(지정된 태그 이름을 가진 객체 컬렉션 반환)
write()(문서에 텍스트, HTML 표현식 또는 JavaScript 코드 작성)

넷. 세 가지 액세스 페이지 요소의 차이점

getElementById()는 ID 이름으로 요소에 액세스합니다

getElementsByName()은 이름으로 요소에 액세스합니다.
getElementsByTagName() 태그별 액세스

5. 요소 표시 및 숨기기

1.visibility visible(요소가 표시됨을 나타냄)

숨김(요소가 보이지 않음을 나타냄) object.style.visibility="value"

2.display none(이 요소가 표시되지 않음을 나타냄)

block(이 요소가 블록 수준 요소로 표시되며 이 요소 앞뒤에 줄 바꿈이 있음을 나타냄) object.style.display="value"

6. 체크박스의 속성

체크박스의 체크된 속성값 체크됨: true 체크되지 않음: false