테스트 사이트 - 개발 중인 베타 버전입니다

크롬 브라우져 디버깅 툴의 $0 변수

· 8년 전 · 2639 · 1

크롬 많이들 사용하실 텐데
크롬의 디버깅 툴에서
Elements 탭에서
tag를 선택하면 옆에
" == $0" 이 생깁니다.
이게 괜히 나오는 것이 아닙니다.
저 의미는 현재 선택된 태그(노드)가 $0이라는 변수로 있다는 것!

즉, 밑의 Console 탶에서
"$0" 입력 후 엔터를 하면
해당 노드에 대해서 좌르르르 표시됩니다.

------=--------
Elements 탭에서
"<body>"
를 선택후

Console탭에서
"console.log($0);"
를 입력

"<body>​…​</body>​"
라고 출력이 나옴.

--------=------------
힘들게
document.querySelectorAll('body');
이렇게 칠 필요가 없습니다.  

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

와 은근이 꿀팁이네요!

게시글 목록

번호 제목
17443
17442
17441
17440
17438
17436
17435
17433
17432
17430
17426
17416
17413
17401
17391
17379
17375
17374
17362
17350
17348
17341
17339
17335
17334
17333
17332
17331
17330
17329