[JS] 동적으로 요소 추가 후 해당 요소로 스크롤 이동시키기
작업을 진행하다 보면 필요한 것이 계속해서 생겨나게 마련이다. 오늘 같은 경우는 에러 메세지를 보여주기 위한 요소를 동적으로 생성하고 문서 내 위치를 해당 요소로 이동시키는 것이 필요했다. 문서 내 이동은 잘 아는 것처럼
<a name="이름"></a>
이런 식으로 지정할 수도 있고 특정 요소에 id를 지정하고 문서 URL 끝에 #id 를 붙여서 이동시킬 수가 있다.
<script>
var msg_el = document.createElement("strong");
msg_el.id = "msg_"+id;
msg_el.className = "message";
msg_el.innerHTML = errMsg;
errFld.parentNode.insertBefore(msg_el, errFld);
var new_href = document.location.href.replace(/#msg.+$/, "")+"#msg_"+id;
</script>
문서 주소는 정규식을 사용해서 문서 내 주소가 중복되는 것을 방지했다.