미채택 완료

onclick="document.getElementById('#변수').scrollIntoView(); 사용법

2022-01-23 (일) 02:07:51 2,066

직접 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개

2022-01-23 (일) 13:36:17

id 의 첫글자는 숫자를 사용할 수 없어요.

2022-01-23 (일) 08:38:21

<input type="text" id="123456"> <input type="button" value="이동" onclick="document.getElementById('123456').scrollIntoView();">

이렇게 하면

...

....

...

<td id="123456">여기로 </td>

위치로 이동을 못하는데..  

querySelector로 선택자를 활용할떄 #이나 . 같은 접두사를 활용해 아이디나 클래스를 지정하지만

getElementById의 경우 # 없이 그냥 아이디 명만 입력하시면 됩니다

답변을 작성하려면 로그인이 필요합니다.