<input type="button" id="create_memo" value="작성" onclick="createMemo();">
<input type="button" id="cancel_memo" value="취소" onclick="location.href='#close'">
위와 같은 버튼이 있다고 했을 때, 이 버튼을 클릭했을 때 해당 "create_memo" 란 id 를 가진 버튼을 한 번 더 자동으로 클릭되도록 하고 싶다.
stackoverflow 에서는 다음과 같은 코드로 해결하라고 많은 사람들이 그런다.
document.getElementById("create_memo").click();다음과 같은 코드를 작성했지만 작동하지 않는다. 하지만 다음의 코드는 작동을 한다.
document.getElementById("cancel_memo").click();
다시 본론으로 돌아와 "create_memo" 란 id 를 가진 버튼을 자동으로 클릭되게 하려면 코드를 어떻게 수정해야 할까?
document.getElementById("create_memo")[0].click();
다음과 같이 코드를 작성하면 해결된다.
내 생각으로는 "create_memo" 란 id를 가진 버튼을 눌렀을 때 그 때 작동하는 함수에서 다시 해당 id를 가진 버튼을 자동으로 클릭하게 하려고 할 땐 [0] 을 붙이고, 다른 id를 가진 버튼을 자동으로 클릭하게 하도록 하기 위해서는 [0] 을 제외해야 하는 것 같다.
만약
document.getElementById("cancel_memo")[0].click();와 같은 코드를 입력하면 오류가 터지는 것을 확인할 수 있다.
반응형