JS 에서 DOM 가 져 오 는 방법
1817 단어 js
이 방법의 상하 문 은 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 가 지원 하 는 선택 기 라면 대부분 지원 합 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.