for (var key in entityAry) {

                            var subImg = document.createElement('img');

                            var mainContainer = document.getElementById('entity-container');

                            mainContainer.appendChild(subImg);

                            subImg.setAttribute('src', entityAry[key].entityImage);

                            subImg.setAttribute('id', entityAry[key].id);

                            subImg.setAttribute('tabindex', 0);

                        }

기존에 만들어져 있던 디브에 배열로 이미지 5개 만들어서 appendChild로 하위노드로 붙였는데 이거를 위에 그림처럼

이미지 5개를 방향키로 왔다갔다 하면서 포커스를 주려면 어케 해야 할까요

일단 document에 이벤트리스너 등록해서 키보드 스크롤은 막아두고 방향키는 모두 등록해놓은 상태인데 어케 해야할줄 모르겠네요

몰어볼 사람이 없어서 여기 올림니다..