javascript获取元素样式

在页面上有个table,想实现的功能是：

首次点击某个单元格时变色，同时输出“预约成功！”

第二次点击该单元格时便会原来的颜色，同时输出“解除预约！”

遇到了三个问题

1.获取点击对象：

在每个单元格上添加事件：

var x=event.target; //引发事件的对象
var obj=document.getElementById(x.id);

但是这样做并不好，因为要在每个单元格都触发该函数，工作量大，有待完善

2.javascript获取对象元素样式：

http://www.noahlu.com/blog/javascript-note/javascript-style-modification/

3.返回的obj.style.backgroundColor是rgb表示的，不容易判断orz正在想办法。

此篇以后继续完善