메인
기술
메인
기술
무료게임
잡담
자유
개인
일정
갤러리
회원가입
계정 찾기
로그인
HOME
기술
querySelectorAll , querySelector
목록
작성자
공대여자
작성 : 2014-11-24 10:32
조회 : 145
지남
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-star
★☆☆☆☆
★★☆☆☆
★★★☆☆
★★★★☆
★★★★★
확인
목록형
📅 달력형
게시물 : 206 (14 page)
No
제목
작성자
등록
조회
공지
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
공대여자
02/06 13:44
6926
공지
유용한 리눅스(LINUX) 명령어
공대여자
03/03 14:47
16508
공지
[공지] 기술 게시판
mins01
06/24 15:10
16714
Object.defineProperty() , Object.defineProperties()
#javascript
TEST :
#javascript
lz-string: JavaScript compression, fast!. 문자열 압축.
#javascript
IE innerHTML ="" 버그 FUXK IE
#javascript
javascript base64 encode,decode
#javascript
color-picker
#javascript
WC2 , https://github.com/mins01/WC2
1
#git
#javascript
#web
#canvas
#wc2
WebAPI를 사용한 카메라 제어 관련.
#javascript
jquery paging 부분용
#javascript
javascript JSON 관련
#javascript
javascript 교육자료
#javascript
자바스크립트 작성시 TIP
#javascript
"use strict" (strict mode)
#javascript
#use
#strict
#mode
#엄격
javascript에서 primitive value와 Object 의 차이
#javascript
querySelectorAll , querySelector
#javascript
tag
제목
내용
제목+내용
제목+내용+코멘트
작성자
태그
검색