Element 부터 역으로 querySelector 를 추출하는 방법이 궁금합니다.

Question

querySelector 로 element 를 선택하는 방법이야 많이 써서 아는데,역으로 element 로부터 selector 를 추출하는 방법은 모르겠네요.모르겠다기보다 id랑 classList로 스크립트야 짤 수야 있지만,아래 캡쳐처럼 개발자도구 보면 nodeList 에 표시되는 걸 보면 필드값이나 내장함수가 분명 있는거 같아서,검색해봐도 잘 못 찾겠어서 결국 질문게시판에 여쭤봅니다.Selector 를 추출한다고 해도, 입력했던 값을 그대로 리턴하는걸 원하는건 아니고, 위 사진처럼 tag &#43; id &#43; class 정도만 나오면 됩니다.

MungGaeDev · Answer

tagName + id 조합을 원하시는 걸까요?

컴포지트 · Answer

안타깝게도 역으로 요소로부터 CSS 선택자를 출력하는 내장함수는 없습니다. 아래의 방법을 사용하시길: 1. 개발자 도구에서 요소 선택 뒤 Copy CSS Selector 클릭 (비개발적 방법) 2. https://github.com/antonmedv/finder 3. 직접 구현. 예) https://stackoverflow.com/questions/3620116/get-css-path-from-dom-element

킁킁탐정 · Answer

https://dev.to/aniket_chauhan/generate-a-css-selector-path-of-a-dom-element-4aim

yeori · Answer

저정도는 그냥 짭시다 4~5줄이면 짭니다.

Element 부터 역으로 querySelector 를 추출하는 방법이 궁금합니다.

4개의 답변

#dom 목록