js点击事件

Question

页面上有一个table点击table单元格是改变table单元格的样式。当点击页面其他位置是还原table中单元格的样式。如何实现？？？

Answer 1

在 onclick 上实现。比如：<table>
   <tr><td onclick="onTDClick(this);">click me</td></tr>
</table><script>
function onTDClick(td) {
  $(td).css("background-color","red");
}
</script>但是点击以外的位置就比较不好弄了，除非你在这个table以外的所有div,table上加上onclick清空原式样

Answer 2

设置document.onclick ，判断是否是表格触发

Answer 3

看这个 ，思路超级简单 ，就是点击之后判断然后改变样式 。
http://www.cnblogs.com/ttyp/archive/2004/11/15/63900.html

Answer 4

<table id="tb">
        <tr>
            <td>
                1
            </td>
            <td>
                2
            </td>
            <td>
                3
            </td>
        </tr>
        <tr>
            <td>
                4
            </td>
            <td>
                5
            </td>
            <td>
                6
            </td>
        </tr>
    </table>
    <script type="text/javascript">
        window.onload = function () {
            document.onclick = function (evt) {
                return function () {
                    evt = evt.target || event.srcElement;
                    if (evt.tagName == 'TD' && evt.parentNode.tagName == 'TR') {
                        document.getElementById('tb').bgColor = 'red';
                    }
                    else {
                        document.getElementById('tb').bgColor = 'white';
                    }
                }
            } (event);
        }    </script>