Мне нужно при клике на элемент, изменять значение поля. Например если кликнул на <td="id1"> то и в <div class="right-part"> изменялось значение на нужное мне.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="script.js"></script>
<title>Сайт на тему таблица Менделеева</title>
</head>
<body>
<div class="main">
<div class="head">
<a href="#">Таблица Менделеева</a>
</div>
<div class="content-main">
<div class="content">
<table>
<tr><td>
<div class="left-part">
<table width="700px">
<tr>
<td><div class="right-part">При наведении на элемент вам откроется информация о нем</div>
</td></tr>
</table>
</div>
</div>
</div>
</body>
</html>
То есть чтобы в функции были значения id_1, id_2, id_3 и тд, а при нажатии на элемент с такойже цифрой id1, id2, id3 открывлась информация для этого же айди