Javascript 이미지 테두리를 켜고 끕니다.

Question

안녕하세요, 페이지에 3 개의 이미지가 있습니다. 지금까지 나는 사용자가 이미지를 클릭 할 때 테두리 쇼가 올라가도록 자바 스크립트를 설정할 수 있습니다. 사용자가 동일한 이미지를 다시 클릭하면 테두리가 사라지도록하기를 바랍니다. 기본적으로 사용자가 그림을 클릭 할 때마다 해당 이미지의 경계선이 클릭 할 때마다 켜지고 꺼집니다. 누군가 나를 도울 수 있습니까? 나는 또한 JQUERY 사용을 허용하지 않는다

Answer 1

나는 document.getElementById (id) .style.border를 사용하여 이미지의 현재 테두리를 얻은 다음 document.getElementById (id) .style.border = '없음'; 꺼 버려. 그것이 나라면 이미지 id를 취하고 모든 작업을 수행하는 토글 기능을 만들 것입니다.

Answer 2

이렇게하면 목표를 달성 할 수 있습니다. onclick 내용을 호출 된 별도의 함수로 이동하여 항상 구획화 할 수 있습니다.

http://jsfiddle.net/7kR6e/1/