onclick="document.getElementById('#변수').scrollIntoView(); 사용법
본문
직접 id를 입력해서 페이지내의 해당 위치로 가고싶습니다.
예를 들어 123456 을 입력하고 '이동'을 클릭하면
해당 id를 찾아 위치 보여주고 싶습니다.
아래처럼 비슷한 코드를 찾았는데 id를 어떻게 입력받아야 하는지 모르겠습니다.
<input type="text" id="#변수??"> <input type="button" value="이동" onclick="document.getElementById('#input이랑 같은 변수??').scrollIntoView();">
...
....
...
<td id="123456">여기로 </td>
a태그로 하면 잘 동작합니다.
<a href="#'.$member['mb_id'].'"><button>내위치</button></a>
답변 3
querySelector로 선택자를 활용할떄 #이나 . 같은 접두사를 활용해 아이디나 클래스를 지정하지만
getElementById의 경우 # 없이 그냥 아이디 명만 입력하시면 됩니다
id 의 첫글자는 숫자를 사용할 수 없어요.
<input type="text" id="123456"> <input type="button" value="이동" onclick="document.getElementById('123456').scrollIntoView();">
이렇게 하면
...
....
...
<td id="123456">여기로 </td>
위치로 이동을 못하는데..
답변을 작성하시기 전에 로그인 해주세요.