happy cat image

everdevel

우리 모두의 웹 입문, 에버디벨

UI 변경

자바스크립트를 이용하여 특정 엘리먼트(태그) 이동하기

보통 페이지의 특정 엘리먼트(태그)로 이동할때는 앵커태그에 이름을 붙여 사용한다.
상황에 따라 이것을 자바스크립트로 구현해야 할 때도 있다.
그럴때는 다음과 같은 소스를 사용한다.

document.getElementById(엘리먼트이름).scrollIntoView();

예를 들어 이동해야할 엘리먼트가 아이디 값으로 hello 이면 다음과 같이 입력한다.

document.getElementById('hello').scrollIntoView();

강좌로 돌아가기