JavaScript

parentElement, previousElementSibling

수연 (Suyeon) 2022. 2. 8. 14:02
반응형

parentElement

- 현재 element의 부모 element

previousElementSibling

- 현재 element의 바로 전 형제 자매 element (형제가 여러 개면 현재 element와 가까이 있는 것이 출력됩니다.)

<div class="inner__pic"></div>
<div class="inner__text">                        
  <audio src="music/Blizzards.mp3" class="inner__music"></audio>
</div>
const audio = document.querySelector('.inner__music');

audio.parentElement; //div.inner__text
audio.parentElement.previousElementSibling; //div.inner__pic

 

728x90

'JavaScript' 카테고리의 다른 글

map 함수  (0) 2022.02.13
Isotope 사용하기  (0) 2022.02.10
DOM 알아보기  (0) 2022.02.06
List value에 이름 짓기  (0) 2022.02.06
Array 객체  (0) 2022.02.05