1つのボタンで2つのアクション（画像の変更）

Question

ボタンに2つのアクションを割り当てる問題があります。画像をクリックすると、画像が変わります。アクションは、ボタンではなく画像をクリックしたときにのみ機能します。ボタンイメージの変更をクリックしてアクションが発生した後にコードを変更する方法はありますか？ここで

は私のコードです：

<a href="" class="btn btn-gray"> 
       <img src="images/icons/full.png" alt="" ng-click="candidates.setTableType(candidates.tableTypes.ADVANCED)" 
        ng-show="candidates.selectedTableType == candidates.tableTypes.SIMPLE"> 
       <img src="images/icons/full-hide.png" alt="" ng-click="candidates.setTableType(candidates.tableTypes.SIMPLE)" 
        ng-show="candidates.selectedTableType == candidates.tableTypes.ADVANCED"> 
      </a> 

は君たちをありがとう！

Answer 1

ここでは2つの<a>を使用し、ng-clickとng-showの属性をそれぞれのリンクに移動できます。

Answer 2

私はCSS/HTMLを勉強していませんが、私は少しのJavaScriptで問題を解決できます。 link

HTML CODE

<div class="btn" id="myDiv" onClick="bgcol()"><a href="https://www.google.com" target="_blank">LINK</a> </div> 

JSコード

<script> function bgcol() 
{ 
document.getElementById("myDiv").style.backgroundImage = "url('http://dataduppedings.no/subcube/Colour_Gradients/Cyan-Blue_256x256.png')"; 
/* insert your image here */ 
} </script>