Js 에서 html 요소를 가져오는 방법

+Get by ID: getElementById('id 속성 값')

+태그 이름 전달: getElementsByTagName ('태그 이름')

+클래스 이름 기준: getElementsByClassName ('클래스 이름')

+name 속성 getElementsByName('name 속성 값') 을 통해

+선택기를 통해 요소 가져오기: querySelector.

+선택기를 통해 요소 그룹 얻기: querySelectorAll

1. id 값이 d 1 인 html 요소를 가져옵니다.

결과 html 요소는 DOM 노드 객체라고 하며 매개변수를 전달해야 합니다. 매개 변수는 string type 이며 가져온 요소의 id 입니다. 반환 값은 하나의 요소만 가져오고 찾을 수 없는 경우 null 을 반환합니다.

2. 태그명을 사용합니다: getElementsByTagName ('태그명')

이 매개 변수는 요소의 태그 이름 속성을 가져오는 데 사용되며 대/소문자를 구분하지 않습니다. 태그 이름을 기준으로 html 요소를 가져오고 배열 (의사 배열) 을 반환합니다.

전달 클래스 이름: getelementsbyclassname ('classname')

인수는 요소의 클래스 이름이고 반환 값은 클래스 배열입니다. 빈 배열을 찾을 수 없습니다.

전달 클래스 이름: getelementsbyclassname ('classname')

요소를 가져오는 name 속성인 인수를 전달해야 합니다. 반환 값은 클래스 배열이지만 빈 배열을 찾을 수 없습니다.

선택기를 통해 요소 가져오기: querySelector.

인수는 첫 번째 요소만 가져오는 선택기입니다.

선택기를 통해 요소 그룹 가져오기: querySelectorAll

인수는 선택기이고 반환 값은 배열입니다.