changer le contenu de div par clic et changer un autre clic

Question

Je veux changer le contenu d'un div en utilisant un clic de clic et dans un autre clic Je veux ramener les anciens contenns à div J'utilise une image pour le bouton. ..

Mon code div est inférieure

<div class="pic-container" style="position:absolute; left: 3px; top: 102px;"> 
<div class="pic-row" > 
<img src="images/A.Png" /> 
<img src="images/B.Png" />  
<img src="images/C.Png" /> 
<img src="images/D.Png" /> 
<img src="images/E.Png" /> 
<img src="images/F.Png" /> 
<img src="images/G.Png" /> 
<img src="images/H.Png" /> 
<img src="images/I.Png" /> 
<img src="images/J.Png" /> 
<img src="images/K.Png" /> 
<img src="images/L.Png" />      
<img src="images/M.Png" /> 
<img src="images/N.Png" /> 
<img src="images/O.Png" /> 
<img src="images/P.Png" /> 
<img src="images/Q.Png" /> 
<img src="images/R.Png" />      
<img src="images/S.Png" /> 
<img src="images/T.Png" /> 
<img src="images/U.Png" /> 
<img src="images/V.Png" />    
<img src="images/W.Png" />        
<img src="images/X.Png" /> 
<img src="images/Y.Png" /> 
<img src="images/Z.Png" /> 
</div> 
</div> 
<img style="position:absolute; left: 272.5px; top: 647px; width: 171px; height: 122.5px;" src="images/Btn_Lower.png" id="image1" /> 

S'il vous plaît aidez-moi à résoudre ce problème

Answer 1

Je ne veux pas vous confondre en résolvant votre problème, au lieu que je voudrais vous donner un exemple court et simple.

Vous ne pouvez pas y parvenir en utilisant seulement le HTML, vous avez besoin de JavaScript. Donc, voici un moyen.

1) Quand vous dites contenu, il est appelé comme innerHTML en javascript.

2) Je pense que vous connaissez onclick, il est appelé événement de clic. Semblable à ce que vous avez un bon nombre de différents événements javascript pour keypress, doubleclick, etc.,

3) que vous espérez connaissez ID, appelé sélecteur unique,. Autre sélecteur comme classe et vous pouvez attributs de données HTML5.

4) Pour sélectionner un élément, dans JS vous pouvez utiliser différentes méthodes comme,

document.getElementById   // select element based on Unique ID 
document.getElementsByClassName // select element based on class 
document.getElementsByTagName // select element based on Tag name 

Si vous insterested en savoir plus sur javascript fait référence Mozilla Developers Network

Voici l'exemple shot je voudrais tiens à vous présenter.

HTML:

<div id="divd">First</div> 
<button onclick='changeMe()'>Click It</button> 

JS:

function changeMe() { 
    var div = document.getElementById('divd').innerHTML; 
    if (div === 'First') { 
     document.getElementById('divd').innerHTML = "Second"; 
    } else { 
     document.getElementById('divd').innerHTML = "First"; 
    } 
} 

Demo