JS 에서 DOM 가 져 오 는 방법

1817 단어 js
getElement ById 요소 ID 로 가 져 오기
이 방법의 상하 문 은 document 일 수 밖 에 없습니다.
HTML 페이지 에 있 는 요소 의 ID 는 이론 적 으로 중복 할 수 없 지만 페이지 에 있 는 것 을 반복 해도 1 을 잘못 알 리 지 않 습 니 다. 만약 에 페이지 에 있 는 ID 가 중복 되면 저 희 는 첫 번 째 ID 에 대응 하 는 요소 대상 을 얻 습 니 다.2. IE7 및 더 낮은 버 전 브 라 우 저 에서 폼 요소 의 name 값 을 ID 로 식별 합 니 다.( name ID ) 3、 JS , ID ( getElementById ), ID ( / ) ===》
getElementsByTagName 요소 태그 이름 으로 가 져 오기
이 방법의 상하 문 은 스스로 정할 수 있다
가 져 온 결 과 는 원소 집합 (클래스 집합) 입 니 다.
1. 얻 은 결 과 는 집합 입 니 다. 집합 에 한 가지 만 있 더 라 도 우리 가 조작 하고 자 하 는 것 은 이 항목 (요소 대상) 입 니 다. 먼저 집합 에서 얻 은 다음 에 조작 해 야 합 니 다.2. 지정 한 컨 텍스트 에서 모든 자손 요소 에 표 시 된 서명 을 가 져 옵 니 다 (후대 선별).
getElementsByClassName 요소 의 클래스 이름 으로 가 져 오기
상하 문 에서 가 져 올 결 과 를 임의로 지정 할 수 있 는 클래스 그룹 입 니 다
1. 실제 프로젝트 에서 저 희 는 스타일 이름 을 통 해 요 소 를 가 져 옵 니 다. getElement by ClassName 이 방법 은 IE6 ~ 8 브 라 우 저 에서 호 환 되 지 않 습 니 다.
getElementsByName 요소 의 name 속성 을 통 해 가 져 오기
요소 의 name 속성 값 을 통 해 요소 (클래스 배열: 노드 집합 NodeList) 를 가 져 옵 니 다. 컨 텍스트 도 document IE 브 라 우 저 에서 폼 요소 의 name 속성 값 만 식별 할 수 있 기 때문에 이 방법 은 보통 폼 요 소 를 조작 하 는 데 사 용 됩 니 다.
document. documentElement / document. body HTML 또는 BODY (요소 대상) 를 가 져 와 한 화면의 높이 를 가 져 옵 니 다.
document.documentElement.clientWidth||document.body.clientWidth 
//clientHeight  JS          ,         。  

querySelector / querySelectorAll
IE6 ~ 8 에 서 는 호 환 되 지 않 고 호 환 을 처리 할 특별한 방법 도 없 기 때문에 이 두 가지 방법 은 일반적으로 모 바 일 개발 에 많이 사용 된다.
query Selector: 요소 대상 가 져 오기
query Selector All: 원소 집합 을 가 져 옵 니 다.
CSS 가 지원 하 는 선택 기 라면 대부분 지원 합 니 다.

좋은 웹페이지 즐겨찾기