read : .querySelector() 사용시 [, 대괄호 , square bracket 이스케이프 escape : 기술 #queryselector #selector #escape::공대여자홈

.querySelector() 사용시 [, 대괄호 , square bracket 이스케이프 escape

작성자 공대여자

작성 : 2022-01-12 12:48 조회 : 1075
지남 1일간

2022-01-12 - 2022-01-12

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

document.getElementById() 라면 이스케이프 처리 필요 없음

document.querySelector()의 경우 []가 애트리뷰트 값을 감싸는데 사용되므로 해당 애트리뷰트의 값에 사용된다면

\를 두개 붙여서 이스케이프 처리 해줘야한다.

이 때까지 그렇게 selector 한 적이 없어서... 와 오늘 새로 알았음.

document.getElementById('a[a]')  <-- 이건 동작함
<span id="a[a]">22-01-12 12:11</span>
document.querySelector('#a[a]')
null
document.querySelector('#a\[a\]')
null
 
document.querySelector('#a\\[a\\]')  <-- \ 두개로 이스케이프 처리해주면 동작함
<span id="a[a]">22-01-12 12:11</span>

/ /
No Nickname

No Comment
권한이 없습니다.

{{m_row.m_nick}}

내용이 너무 많습니다!

-

No	제목	작성자	날짜	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) #기본형	공대여자	24-02-0602-06	69879
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	76673
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	78157
1500	php fromByteToUnit 바이트를 지정 단위로 변경해주는 함수. #php #js	공대여자	22-02-0802-08	729
1499	cheditor5 1 #editor	공대여자	22-01-2701-27	593
1498	phaser. js 게임 프레임워크 1 #js #game #framework	공대여자	22-01-2001-20	962
1497	라라벨 샘플. 라라벨 설치법. laravel_sample 1 #laravel #sample	공대여자	22-01-1901-19	1132
1496	라라벨 관련 작업 기록 문서 S 1 #laravel	공대여자	22-01-1701-17	0
1495	아파치에서 ENV 설정하기 #apache #laravel	공대여자	22-01-1701-17	1020
1494	구글 애널리틱스와 데이터 분석가가 꼭 알아야 할 용어 정리 잘된 페이지 1 #ga	공대여자	22-01-1401-14	606
1493	mysqld 콘솔모드 #mysqld #console	공대여자	22-01-1201-12	755
1492	.querySelector() 사용시 [, 대괄호 , square bracket 이스케이프 escape #queryselector #selector #escape	공대여자	22-01-1201-12	1076
1491	flex layout 샘플 1 #flex #layout	공대여자	22-01-0301-03	649
1490	navigator.share 2 #share #공유	공대여자	21-12-2712-27	625
1489	php validatePassword 1 #php #validate #password	공대여자	21-12-1712-17	803
1488	js validatePassword 2 #js #validate #password	공대여자	21-12-1712-17	743
1487	PSR , PHP Standards Recommendations 2 #php #psr	공대여자	21-12-1112-11	686
1486	네이버 입점몰 전체보기 1 #mall	공대여자	21-12-1112-11	927