Swapping 2 HTML Tabellenelemente

Question

Also machte ich dieses Schiebepuzzle mit HTML, CSS und JavaScript:

dies ist eine Tabelle, und meine Frage ist, wie tauschen I 2 Tabellenelemente? Angenommen, der mit dem Gesicht (id = Kachel-2) und die weiße empy ein (id = leer)

Answer 1

Hmm ... diese versuchen: https://jsfiddle.net/h7sp1ey8/

<button onclick='swap();'> 
Swap 
</button> 
<table> 

<tr> 
<td id='f1'> 
Contents of td 1 
</td> 
</tr> 
<tr> 
<td id='f2'> 
    Contents of t2 
</td> 
</tr> 
</table> 
<script> 
function swap() 
{ 
var f1 =document.getElementById('f1'); 
var f2=document.getElementById('f2'); 
var initialinner = f1.innerHTML; 
f1.innerHTML=f2.innerHTML; 
f2.innerHTML=initialinner; 
} 
</script> 

Post Code, wenn Sie will eine genaue Lösung. Hier ist, wie Sie das Programm funktionieren sollte: 1- get-ID von Box 2- get-ID von Box zu tauschen, um 3- Swap tauschen sie Methode habe ich in jsfiddle