удаление элементов со страницы
 

На странице есть элементы (ячейки таблицы). Выделяем одну ячейку (это я сделал с помощью onClick и document.getElementById($cell).style.backgroundCol or="Black" ). Затем выделяем другую и в этот момент нужно сравнить содержимое этих двух выделенных ячеек и при совпадении - удалить.

Моя идея:
1) при выделении ячеек менять class name этой ячейки (по ее id)
2) с помощью getElementsByClass найти выделенные ячейки
3) получить доступ к содержимому ячеек
4) удалить эти ячейки в случае совпадения содержимого

Может быть есть более правильные идеи?
Если нет, то буду благодарен за разъяснение реализации шагов моей идеи, хотя бы в общих чертах.

Спасибо

я бы создал объект, например

TSelector = function(){
this.selectedItems = new Array;
}

Далее, добавил ему методы:
addToRange(refTDElement) - добавляет ссылку на ячейку в набор, возвращает кол-во элементов в наборе.
deselect() - удаляет ссылку из набора,
compare() - сравнивает, возвращает true в случае совпадения и false, в противном случае.
deleteCells() - удаляет ячейки из таблицы (ну, или скрывает их, или что там вам надо)
и onClickCell() - обработчик, который повесить на все ячейки

<td onckick="selector.onClickCell(this)"></td>

в итоге получим:

onClickCell: function(refNode){
  if(this.addToRange(refNode) ==  2){
    if(this.compare()){
      this.deleteCells();
    }else{
       this.deselect();
    }
    this.selectedItems = new Array;
  }
}

Спасибо за идею!
Со всеми методами более-менее понятно, но вот с этим проблема:

addToRange(refTDElement)

Подскажите, как ссылку на ячейку передать в качестве параметра?

Разобрался, спасибо