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

querySelectorAll , querySelector

목록

작성자 공대여자

작성 : 2014-11-24 10:32 조회 : 375
지남 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	71787
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	78803
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	80275
877	node.js 관련 모음 #weblang	공대여자	14-12-2212-22	501
876	node.js 로 만든 멀티 프로세스(멀티 차일드 프로세스) 1 #weblang	공대여자	14-12-1912-19	350
875	css decoration #css	공대여자	14-12-1712-17	377
874	금융회사 광고 문자,이메일 관련 #etc	공대여자	14-12-1512-15	387
873	APM에서 윈도우 ODBC를 사용할 경우. #weblang	공대여자	14-12-0112-01	360
872	querySelectorAll , querySelector #javascript	공대여자	14-11-2411-24	376
871	Sql Injection #database	공대여자	14-11-1411-14	530
870	정보통신망 이용촉진 및 정보보호 등에 관한 법률 (2014년 5월 28일 개정, 2014년 11월 29일 시행) #etc	공대여자	14-11-1211-12	384
869	adb tool을 사용한 클릭 이벤트 #android	공대여자	14-11-0811-08	555
868	텍스트 에디터 중 소스코딩에 쓸만한 것. Notepad++ #etc #notepad #editor #tool	공대여자	14-10-3110-31	779
867	MHeader 해더 출력관련 모음 클래스 #header #mheader #php	공대여자	14-10-2610-26	613
866	웹 재요청 방지 및 트래픽 감소를 위한 방법 #weblang	공대여자	14-10-2310-23	423
865	모바일 브라우저의 탭하일라이트. 클릭,터치된 대상 하일라이트 제어 #css	공대여자	14-10-2010-20	429
864	틀린 그림 찾기 1 #html	공대여자	14-10-1510-15	826
863	호스팅거 S #etc	공대여자	14-10-1310-13	0