html颜色一秒恢复为原来的,重置html​​标记为原始颜色

你不需要两个功能恢复的单元格背景颜色。最好的做法是将css & js一起使用，以基于UI交互更改单元格的外观。见的jsfiddle我已经在这里创建的示例：http://jsfiddle.net/rYcMT/

--Javascscript -

var cells = document.getElementsByTagName("td");

for (var i = 0; i < cells.length; i++) {

cells[i].addEventListener('click', onClick, false);

}

function onClick(event){

var el = event.target;

var id = el.getAttribute("id");

el.className = 'selected';

var others = document.getElementsByTagName("td");

var oLength = others.length;

for(var i=0; i < oLength; i++){

if(others[i].getAttribute("id") !== id){

others[i].className = '';

}

}

};

地方你的CSS如下所示： - CSS - .calendar，TR，TD { 边界：1px solid #CCC; } 。日历td {0}背景颜色：白色; }

.calendar td.selected{

background-color: cyan;

}

- HTML -

May 1	May 2	May 3	May 4
May 5	May 6	May 7	May 8