Вот решение, вдруг кому-то пригодится:
<!Doctype html>
<html>
<head>
<title>test</title>
</head>
<body>
<input type=text id=txt>Введите что-нибудь, а потом кликните на первую ячейку таблицы<br>
<table border=1>
<tr>
<td onMouseOver="document.getElementById('divdiv').innerHTML=document.getElementById('td1').innerHTML";
onMouseOut="document.getElementById('divdiv').innerHTML=document.getElementById('td2').innerHTML; document.getElementById('divdivdiv').innerHTML=''";
onClick="document.getElementById('divdivdiv').innerHTML=document.getElementById('td1').innerHTML+document.getElementById('td2').innerHTML+document.getElementById('td3').innerHTML+document.getElementById('txt').value";>
Наведите мышь сюда,<br>а потом уберите ее...<br>Попробуйте кликнуть левой кнопкой</td>
<td id='td1'><span style="color:red;font-weight:bold;">Текст 1</span></td>
<td id='td2'><span style="color:blue;">Текст 2</span></td>
<td id='td3'><img src="http://d31asmy75eposw.cloudfront.net/200/5/43773_1468215028_tb.jpg"></td>
</tr>
</table >
<br><br>
<div id='divdiv'> </div><br><br>
<div id='divdivdiv'> </div><br><br>
</body>
</html>