ПОЖАЛУЙСТА!!!) подскажите как при клике на элемент, один стал выделенный, а другие нет. и так далее если кликая на другой элемент.
Есть три элемента таблицы.
</td>
<td align="center" onclick="document.getElementById('i1').style.display='block'; document.getElementById('i1').src='/d/images/3/карандаш с резинкой.png'" style="border: 0px solid gray;"><strong>
<p><img border="0" height="80" src="/d/t/images/4/fus.jpg" width="80" /><br />Карандаш+резинка</p>
<p>&nbsp;</p>
</strong></td>
<td align="center" onclick="document.getElementById('i1').style.display='block'; document.getElementById('i1').src='/d/t/images/3/карандаш.png'" style="border: 0px solid gray;"><strong>
<p><img border="0" height="80" src="/d/t/images/4/fupli.jpg" width="80" /><br />Карандаш</p>
<p>&nbsp;</p>
</strong></td>
<td align="center" onclick="document.getElementById('i1').style.display='block'; document.getElementById('i1').src='/d/t/images/3/Ручка.png'" style="border: 0px solid gray;"><strong>
<p><img border="0" height="80" src="/d/t/images/4/fupco.jpg" width="80" /><br />Шариковая ручка</p>
<p>&nbsp;</p>
</strong></td>
</tr>
<tr>

Непонятная задача.

_____________
программирование - инструмент для решения конкретных задач, любая попытка спроектировать что-то универсальное приведет к провалу.©paul85
В любом случае тебе прийдётся пройти путь изобретения велосипеда, который прошли другие, только причиной твоего изобретения будет непонимание принципов работы велосипеда изобретённого другими людьми.©SlavaFr
jQuery это попытка использовать АН-225 для перевозки зубочистки

Вот на примере, если правильно понял..
html

<table>
        <tr>
          <td>1</td>
          <td>2</td>
          <td>3</td>
        </tr>
      </table>

css

table tr td {
	height: 50px;
	width: 50px;
	display: inline-table;
	margin-left: 5px;
	background: grey;
	text-align: center;
	line-height: 50px;
}

.border {
	border: 3px solid red;
}

js

$(function(){
  var elements = $('table tr td');
  elements.click(function(){
    elements.removeClass('border');
    $(this).addClass('border');
  });
});

Ну или то же самое, только на чистом JS (css можно оставить как в предыдущем сообщении)

window.onload = function(){
elems = document.getElementsByTagName('td');
for(i=0; i<elems.length; ++i)
{
   elems[i].onclick = function{
       elems[i].setAttribute('class','border');
   }
}
}

Ну просто чтобы не тащить библиотеку =)

_____________
программирование - инструмент для решения конкретных задач, любая попытка спроектировать что-то универсальное приведет к провалу.©paul85
В любом случае тебе прийдётся пройти путь изобретения велосипеда, который прошли другие, только причиной твоего изобретения будет непонимание принципов работы велосипеда изобретённого другими людьми.©SlavaFr
jQuery это попытка использовать АН-225 для перевозки зубочистки

VARVARA
Если как user_name написал и не нужны старые браузеры, то можно это вот так сделать:

window.addEventListener('DOMContentLoaded', function () {
    var nodes = Array.prototype.slice.call(document.querySelectorAll('table td'));

    nodes.forEach(function (node) {
        node.addEventListener('click', function () {
            this.classList.toggle('border');
        });
    });
});

http://jsfiddle.net/r4b3ezes/

_____________
Мой блог

volter9
Спасибо, но у меня же несколько элементов Онклик, если кликать на каждую то они все станут bold
Как сделать что если кликнул на одну, другие bold сняли?

VARVARA, http://jsfiddle.net/L80wp7ys/

kaww
СПАСИБО! То что надо!

kaww
Лучше вообще так: http://jsfiddle.net/L80wp7ys/2/

_____________
Мой блог

volter9
Этот вариант лучше)
Подскажи ещё, пожалуйста. А если у меня таблица из трёх строк, допустим:
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>А</td>
<td>Б</td>
<td>В</td>
</tr>
<tr>
<td>Москва</td>
<td>Питер</td>
<td>Омск</td>
</tr>
</table>

то как сделать так, чтобы один элемент стал выделенный, а другие нет ТОЛЬКО В СВОЕЙ СТРОКЕ?

VARVARA
http://jsfiddle.net/L80wp7ys/3/

_____________
Мой блог

volter9
Супер! Спасибо!)