[HTML][Javascript]console로 태그(엘리먼트, dom객체)정보 자세히 출력하고 싶다면 console.dir

가끔가다보면 위처럼 특정 element자체를 출력하는 일이 생긴다.

상세 정보가 보고싶을 건데 console.log로 출력하면 쌩뚱 맞게 태그 그대로 출력된다.

정말 짜증나는 일이지만 offset등의 정보를 한눈에 보고싶은데,

무슨 이벤트가 달렸는지, 크기는 얼마인지를 일일히 찍어보는것도 정말 짜증나는 노릇이다.

이 때 사용하는 것이 바로 console.dir이다.

그러면 이제서야 여러분이 원하는 객체 형태로 출력해준다.

눌려보면 여러분이 원하는 데이터들이 출력되는 것을 볼 수 있다.