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

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

· 8년 전 · 2638 · 1

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

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

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

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

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

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

댓글 작성

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

로그인하기

댓글 1개

와 은근이 꿀팁이네요!

게시글 목록

번호 제목
17523
17516
17515
17514
17498
17493
17490
17487
17485
17481
17478
17477
17474
17473
17472
17470
17469
17463
17462
17461
17460
17458
17457
17454
17453
17448
17447
17446
17445
17444