다중 Element 선택

김민재·2021년 6월 17일
0

Gotcha JavaScript!

목록 보기
27/45

다중 Element 선택

Document API

document.getElementsBy~ : 다중 엘리먼트를 선택하는 메소드. 배열형태로 값을 반환함

1>document.getElementsByTagName 메소드
-인자로 HTML element 태그의 이름을 전달하면 해당 엘리먼트들이 반환된다.
2>document.getElementsClassName 메소드
인자로 class의 이름을 전달하면, 해당 class의 모든 엘리먼트가 배열로 반환된다.
3>document.getElementsByName 메소드
인자로 name을 전달하면, 해당 name 속성을 가진 모든 엘리먼트가 배열로 반환된다.

Element API

.value 속성

input 태그에 element에 입력된 값은 .value를 통해 얻거나 변경할 수가 있다.
그러나 input 태그에 입력된 값은 실제 elment의 속성으로는 동기화가 되지 않아 getAttribute 메소드로 받아올 수 없다.

profile
자기 신뢰의 힘을 믿고 실천하는 개발자가 되고자합니다.

0개의 댓글