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

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

작성자 공대여자

작성 : 2022-01-12 12:48 조회 : 388
지남 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)	공대여자	02/06 13:44	902
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	10369
공지	[공지] 기술 게시판	mins01	06/24 15:10	10584

일	월	화	수	목	금	토
3.31	4.1	4.2	4.3	4.4	4.5	4.6
4.7	4.8	4.9 game_tictactoe 2	4.10	4.11	4.12	4.13
4.14	4.15	4.16	4.17 :scope selector , querySelector 에서 this, self node 지정 new 1	4.18	4.19	4.20
4.21	4.22	4.23	4.24	4.25	4.26	4.27
4.28	4.29	4.30	5.1	5.2	5.3	5.4