[javascript] 웹페이지에 쓰인 class 확인하기

 

 

웹사이트를 관리할 때, 내가 만든 사이트가 아니고 오래되었을 경우 클래스가 뒤죽박죽인 경우가 많이 있다.

 

그래서 정리를 하고자 하는데 페이지를 일일이 들어가서 크롬 개발자 도구를 켜고 ctrl+F를 눌러서 찾기가 참 귀찮아서..

 

1) 페이지에 진입하면 쓰인 클래스 리스트가 나열되어 있는 팝업이 뜸

2) 페이지에 진입하면 찾는 클래스가 alert창으로 뜸

 

두 가지로 만들어 보았다.

 

1) 쓰인 클래스 리스트가 나열되어 있는 팝업

 

 

 

2) 찾는 클래스가 뜨는 alert창

 

 

여기서는 페이지에 진입하자마자 뜨게 하기가 그래서 버튼에 함수를 걸어놨는데,

 

실제로 사용할 때는 버튼을 없애고

/* class 확인 */
$(function(){
	chkClass(); //클래스 확인
	searchClass("big"); //클래스 검색
});

이런 식으로 쓰면 된다.