일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 아틀라시안
- 하모니카
- Windows
- java
- 파이썬
- DB
- DATABASE
- ubuntu
- PostgreSQL
- hamonikr
- node
- python
- JS
- 우분투
- 자바스크립트
- script
- 설치
- 데이터베이스
- 노드
- 리눅스
- 윈도우
- install
- postgres
- Atlassian
- Linux
- 3.0
- 자바
- 설정
- javascript
- 스크립트
Archives
- Today
- Total
LukeHan 의 잡다한 기술 블로그
element 목록을 tagName id className 으로 출력하기 본문
반응형
개발 관련 문서 작성 중 페이지별 element 정보 목록을 추가할 필요가 있어 아래와 같이 작성하여 사용 하였다.
function printElement(elem){
var print = '';
document.querySelectorAll(elem).forEach((ipt)=>{
var txt = ipt.tagName.toLocaleLowerCase();
if('' != ipt.id) txt += '#' + ipt.id;
if('' != ipt.className) txt += '.' + ipt.className.replaceAll(' ', '.');
print += txt + '\n';
});
console.log(print);
}
printElement('input[type=button]');
위와 같이 함수를 생성한 후 대상을 지정하여 사용한다.
input#btnReload.btn.btn-primary.btn-very-sm.btn-reload
input#btnTest.btn.btn-primary.btn-very-sm.col-12
위와 같이 출력되는 것을 확인할 수 있다.
반응형
Comments