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

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

· 8년 전 · 2642 · 1

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

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

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

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

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

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

댓글 작성

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

로그인하기

댓글 1개

와 은근이 꿀팁이네요!

게시글 목록

번호 제목
16893
16890
16889
16888
16887
16886
16885
16884
16883
16882
16881
16880
16871
16870
16868
16863
16861
16856
16852
16834
16833
16829
16827
16826
16823
16822
16819
16818
16817
16806