Javascript單擊打開和關閉圖像邊框

Question

嗨，我在頁面上有3張圖片。 到目前為止，我可以設置javascript，以便當用戶單擊圖像時邊框顯示在圖像上。 我也希望這樣，以便當用戶再次單擊同一圖像時邊框消失。 基本上，每當用戶單擊圖片時，每次單擊都將打開和關閉該圖片上的邊框。 有人可以幫我嗎？ 我也不允許使用JQUERY

Answer 1

我相信您可以使用document.getElementById（id）.style.border來獲取圖像的當前邊框，然后使用document.getElementById（id）.style.border ='none'; 將其關閉。 如果是我，我將創建一個切換功能，該功能獲取圖像ID並完成所有工作。

Answer 2

這實現了您的目標。 您始終可以通過將onclick內容移動到一個單獨的函數來對其進行划分。

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