[잡담] 자바스크립트 하는데 개초보좀 도와줭..

[에프주스]

유튜브 뮤직의 볼륨 정보를 가져오고 싶어서

<="" p="">

 id="volume-slider" class="volume-slider style-scope ytmusic-player-bar" max="100" min="0" dir="ltr" title="볼륨" aria-label="볼륨" role="slider" tabindex="0" value="10" aria-valuemin="0" aria-valuemax="100" aria-valuenow="10"

에서 

const targetVolumeSlider=document.getElementById('volume-slider');

const parentElement=targetVolumeSlider.parentNode;

let volume=targetVolumeSlider.getAttribute('value') ||'';

 

 

로 ai랑 친구한때 싸바싸바 해서 작성했거든?

이건 잘 작동이 됨

근데 똑같이 치지직의 볼륨 정보를 가져오고 싶어서 사이트를 열어 봤는데

 

 role="slider" tabindex="0" class="pzp-pc__volume-slider pzp-ui-slider pzp-pc-volume-slider pzp-ui-slider--volume" aria-label="볼륨" aria-live="polite" aria-valuemin="0" aria-valuenow="16" aria-valuemax="100" aria-valuetext="16 퍼센트">

이렇게 되있더라고

 

얘는 어떻게 가져와야되는거야?

 

id가 없는딩?

[❚❙❘AMD]

getElementsByClassName

[에프주스]

잠시만. 검색좀 하고 와볼게..

[상상도못한정체]

aria-valuenow
이거 볼륨정보아녀?

[에프주스]

맞긴한데 id항목 보고 getElementById 넣었는데 치지직은 id 항목이 없어서 ㅋㅋ;;

[사발면 조아]

클래스로 같은 클래스 모든 엘리먼트 가져온후 반복문돌려서볼륨인지 파악한후에 벨류 가져오면 될듯

[에프주스]

ㄱ.ㄱ..검색중...

[사발면 조아]

1. 쿼리 셀렉터로 클래스 검색 (클래스는 중복가능이라 여러개 가능)
2. for문 이나 map으로 원하는 엘리먼트 특정
3. 거기서 원하는 어트리뷰트 추출