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

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

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

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

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

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

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

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

댓글 작성

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

로그인하기

댓글 1개

와 은근이 꿀팁이네요!

게시글 목록

번호 제목
16619
16618
16612
16603
16598
16589
16578
16571
16563
16554
16546
16534
16527
16520
16513
16510
16505
16498
16490
16486
16482
16465
16458
16456
16448
16447
16440
16439
16438
16430