제이쿼리를 안쓰고 해보려니 -_-; 스크립트 오류가? 생겨서요
파일은 무료 호스팅에 올려놨습니다.
교재는 이지스 퍼블리싱 - 자바스크립트&제이쿼리 입문 - 교재를 사용중인데, 에러가 떠버렸네요
요지는 하단 이미지 클릭시 큰 이미지를 이동시키고 싶은데, 스크립트 오류가 생겨요.. ㅠ
에러 내용은 아래와 같습니다.
Uncaught TypeError: list_zone.getElementsByTagName is not a function
at window.onload (index.html:10)
Copy
window.onload=function() {
var list_zone=document.getElementsByClassName("small");
var list_a=list_zone.getElementsByTagName("a");
for(var i=0;i<list_a.length;i++) {
list_a[i].onclick=function() {
var tg=document.getElementsByClassName("big");
var el=tg.getElementsByTagName("a");
el.style.marginLeft=-600*i+"px";
return false;
}
}
}
|
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
2018-02-13 (화) 15:53:49
왜냐하면 getElementsByClassName이 컬렉션을 반환하기 때문입니다.
var list_zone=document.getElementsByClassName("small")[0]; 바꿔보세용
답변에 대한 댓글 1개
2018-02-13 (화) 16:00:42
아...그런가요; 뭔가 의문이 하나 풀렸네요!! 감사합니다. 그냥 ID로 작성할걸..하는 생각도 드네요 -ㅅ-;;
답변을 작성하려면 로그인이 필요합니다.