read : querySelectorAll , querySelector : 기술 #javascript::공대여자홈

querySelectorAll , querySelector

목록

작성자 공대여자

작성 : 2014-11-24 10:32 조회 : 297
지남 1일간

2014-11-24 - 2014-11-24

좌표
첨부된 파일이 없습니다.

#javascript

쿼리 셀렉터

역활은 CSS의 selector표현식을 사용해서 대상을 가져오게 한다.
즉, jquery의 $({selector표현식}')과 같은 역활. 차이점은 이건 JS에서 바로 지원이 됨.

querySelectorAll

링크 : 개발자.모질라.org
selector에 대응되는 모든 엘레멘트를 가져온다.
리턴 값을 대응되는 엘레멘트들의 리스트(배열)이다.
지원버전

크롬 : 1
FF : 3.5
IE : 8(부분적 CSS2 까지), 9
Opera : 10
Safari : 3.2.525.3

ex

document.querySelectorAll('div'); //문서의 모든 div
var f = document.formName;
f.querySelectorAll('input[type="checkbox"]:checked'); //formName이라는 폼속의 checkbox 중 체크된 것들

querySelector

링크 : 개발자.모질라.org
selector에 대응되는 모든 엘레멘트 중 최초 하나만 가져온다.
리턴값은 대응되는 엘레멘트의 첫번째 엘레멘트이다.
ex

document.querySelector('div'); //문서의 모든 div 중 첫번째 엘레멘트
var f = document.formName;
f.querySelector('input[type="checkbox"]:checked'); //formName이라는 폼속의 checkbox 중 체크된 것들 중 첫번째 엘레멘트

지원버전

크롬 : 1
FF : 3.5
IE : 8(부분적 CSS2 까지), 9
Opera : 10
Safari : 3.2.525.3

목록

댓글

/ /
No Nickname

No Comment
권한이 없습니다.

{{m_row.m_nick}}

내용이 너무 많습니다!

-

No	제목	작성자	날짜	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) #기본형	공대여자	24-02-0602-06	35140
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	44813
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	45932
147	querySelectorAll , querySelector #javascript	공대여자	14-11-2411-24	298
146	IE에서 팝업을 띄울 경우 referer(리퍼럴)가 안 넘어온다. #javascript	공대여자	14-06-3006-30	531
145	node-webkit , 노드웹킷 , NW.js , nwjs 1 #javascript	공대여자	14-04-1604-16	445
144	브라우저의 activeX 지원 체크 #javascript	공대여자	14-04-1404-14	464
143	폼체크용 JS 함수 #javascript	공대여자	13-11-1111-11	249
142	블럭깨기 #javascript	공대여자	13-10-2810-28	243
141	canvas를 사용하는 게임 엔진 같은 걸 만들어보자. #javascript	공대여자	13-10-1410-14	247
140	[제작중] canvas를 사용한 간단한 슈팅 #javascript	공대여자	13-10-0410-04	239
139	jsCssTransitionRolling #javascript	공대여자	13-07-1007-10	258
138	프로퍼티 접근과 getElementById 접근의 속도차이 #javascript	공대여자	13-06-2906-29	300
137	모바일 환경에서의 창간의 제어 테스트용 #javascript	공대여자	13-04-3004-30	255
136	URL의 queryString (qstr,search) 를 연관배열(객체)로 반환하는 함수 #javascript	공대여자	13-04-1104-11	271
135	플래시 사용 가능 여부 체크 #javascript	공대여자	13-01-0801-08	288
134	한글을 영타로 바꾸기 #javascript	공대여자	12-02-1502-15	496
133	브라우저별 스크립트 예약어 관련 처리 #javascript	공대여자	11-06-2306-23	267