Javascript - 각 요소에 대해 부모의 unique_id를 사용하여 모든 내부 클래스를 대상으로 지정하는 방법

Question

고유 한 ID가있는 문서 기사가 있고 내부에는 클래스 만있는 섹션이 있습니다.

<article id="unique_id"> 
    <header> 
    <h1>Article Header</h1> 
    </header> 
    <p>Article with unique id unique_id</p> 
    <section class="section" contenteditable="true"> 
    <p>Section with uniform class .section</p> 
    </section> 
</article> 

는 어떻게하면 각 기사에 대한 부모의 UNIQUE_ID, ".section 번호의 UNIQUE_ID"와 같은 뭔가의 모든 부분 클래스를 대상으로하고 자바 스크립트 기능을 처리 할 수있는 변수에 넣어 않습니다.

섹션 요소 만 대상으로하고 싶지만 상위 ID를 기반으로 고유 한 참조가 있으므로 각 섹션의 내용을 변경하면 해당 요소를 localstorage에 저장할 수 있습니다.

또한 unique_id를 알지 못합니다. 부모의 unique_id에 대한 지식없이 참조로 부모의 unique_id를 사용하여 섹션 클래스 만 타겟팅하고 있습니다.

나는 document.getElementsByClassName('footer').parentElement();을 시도했지만 오류가 발생했습니다.

jQuery를 사용하지 않고 기본값 만있는 중립적 인 솔루션을 제공 할 수 있다면 훨씬 좋습니다.

Answer 1

document.getElementsByClassName('footer')[0].parentNode; 

그것은 속성이 아닌 브라우저가 지원하는 경우 당신은 document.querySelectorAll()를 사용할 수있는 방법 :

입니다.