현재 버전

javascript

html 요소를 클릭했을 때 조건에 따라 링크로 이동시키고 싶습니다


<div class="MenuShop"><a href = "" id="MenuShop"></a> </div>

위와 같이 코딩 되어있는 가게 이름을 클릭하면

spot.innerHTML = 'https://map.kakao.com/link/to/' + A.shop + ',' + A.X + ',' + A.Y;

다음과 같은 링크로 이동을 시키기 위해서 

window.onload = function(){

document.getElementById("MenuShop").addEventListener("click",function(event){

event.preventDefault();

location.href = document.getElementById("spot"); });

}

다음과 같은 코드를 사용했는데 

'기존 도메인/[object HTMLDivElement]' 으로 이동홥니다

이유가 무엇인지 알려주실 수 있으신가요?


수정 이력

2021-01-24 19:19:21 에 아래 내용에서 변경 됨 #1

<div class="MenuShop"><a href = "" id="MenuShop"></a> </div>

위와 같이 코딩 되어있는 가게 이름을 클릭하면

spot.innerHTML = 'https://map.kakao.com/link/to/' + A.shop + ',' + A.X + ',' + A.Y;

다음과 같은 링크로 이동을 시키기 위해서 

window.onload = function(){

document.getElementById("MenuShop").addEventListener("click",function(event){

event.preventDefault();

location.href = document.getElementById("spot"); });

}

다음과 같은 코드를 사용했는데 

제대로 이동되지 않습니다

이유가 무엇인지 알려주실 수 있으신가요?