그림자 DOM을 재귀 적으로 탐색하는 방법

Question

사용자 정의 폴리머 요소의 유효성을 검사하고 싶습니다. 이렇게하려면 자바 스크립트에서 중첩 된 모든 폴리머 요소에 액세스하여 유효한지 확인해야합니다. 쉬운 방법을 찾을 수 없습니다. this.querySelectorAll은 다른 폴리머 요소에 중첩 된 입력을 찾지 못합니다. 이 셀렉터에서는 "/ deep /"를 사용할 수없는 것 같습니다. 쉬운 방법이 있나요? 또는 그림자 뿌리가있는 모든 요소에서 querySelectorAll을 호출하는 재귀 JavaScript 메서드를 사용해야합니까? (나는 공연이 추한 것 같아요 ...)

당신의 도움에 감사드립니다. 더 빠른 해결책이없는 경우 , 나는 아마 (내 입력은 부모에게 등록을 한) 다른 방법으로 주위를 시도 할 것이다

Answer 1

답변 :

element.querySelectorAll()/deep/를 사용하는 경우, 그러나, 만 일부 요소를 찾을 수 지금까지 (1 그림자 dom 수준) 간다. 실제로 각 ElementNode에서 재귀 호출이 필요합니다.

참고 :

행동의이 유형은 주로 HTML의 핵심 신조에 반하는 (즉, 웹 페이지에 상관없이 내용을 잘 형성하는 방법을 작동하지 않습니다입니다). 즉, 모든 요소는 배치에 관계없이 유효합니다.

예를 들어, 특정 하위 요소 만 렌더링하고 다른 모든 요소는 숨기는 사용자 지정 요소를 만들었습니다. 요소의 기본 렌더링은 요소/에이전트에 의해 제어되지만 개발자/디자이너는 표준 프레젠테이션을 제외하고 프레젠테이션을 사용자 정의 할 수 있으므로 위의 규칙과 일치합니다.