Label에 for 값을 JS에서 가져와보기!

현재 홈페이지에 이미지 slide가 몇 초뒤에 넘어가는 자동으로 넘어가는 것과

label을 선택했을 때 해당하는 이미지로 넘어가게 하는 것을 JavaScript로 혼자 이것저것 해보았다.

내 생각으론 label의 for값을 이용해서 이미지의 margin-left를 옮기는 것을 할 수 있을 것 이라고 생각했는데

그것이 아니였다.. 일단 Label의 for값을 가져오는 것에 대한 글이 별로 없어보여서

내가 알아낸 것이라도 써놓으려고 한다

인터넷 상에서는 htmlFor값을 쓰라고 하던데 VSCode를 이용해서 써보려고 했더니

내가 뭘 잘못했는지.. 아님 사라진건지.. 잘 되지않았다..

그래서 이것저것 뒤적거리다 겨우 발견했다.

document뒤에서 label을 가져오는 것은 각각의 코드마다 다르지만 내 코드에선 이렇게 가져왔다.

그리고 0번째 인덱스에 해당하는 label에 for값을 불러올 때 저렇게

getAttribute안에 for를 적어주면 그 label의 for값을 불러오게 된다.

setAttribute로 값을 바꿔줄 수도 있으니 참고하면 좋을 것 같다.

 

이미지가 슬라이드를 JavaScript로 바꾼 것은 빠른 시일내에 올릴 예정이다.