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

querySelectorAll , querySelector

목록

작성자 공대여자

작성 : 2014-11-24 10:32 조회 : 370
지남 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)	공대여자	02/06 13:44	71533
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	78552
공지	[공지] 기술 게시판	mins01	06/24 15:10	79976

ui-boardgame baduk

2

#ui #boardgame #baduk #go

canvas context2D 에서 getImageData 사용을 자제하자.

#canvas

2

#ui #boardgame #chess

1

#ui #timeline

openstreetmap.org 상업적으로 사용가능한 무료 지도

1

#map

animate.style css 모션 라이브러리

1

#css #animate

electron-sample-app

1

#electron

KoNLPy: 파이썬 한국어 NLP

1

#pythone #형태소

mecab 형태소 분석기

#mecab #형태소

Macrotask 와 Microtask

1

#macrotask #microtask

GA의 utm_medium 별 기본 채널 그룹

#ga #medium

js-pointer-event-handler

1

#pointer #event

1

#report #error

queueMicrotask()

2

#microtask

UI exclusive dialog

1

#modal #dialog