如何更改表格單元格背景在Javascript

我有這樣的表HTML：如何更改表格單元格背景在Javascript

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

如何更改單元格背景上移動鼠標在這個小區？如果光標離開單元格，背景必須保留，但如果光標移動到其他單元格，則必須重置背景。

來源

2010-10-11 dublicator

究竟什麼是你對問題的 - JS部分，該部分的CSS ...？目前，這看起來像是「爲我編寫完整的代碼」類型的問題。 – 2010-10-11 11:22:57

是否有框架？（jQuery的，原型，Mootools等） – 2010-10-11 11:23:08

框架不使用。如果我只能使用css，那將會很棒。 – dublicator 2010-10-11 12:00:28

因爲您需要突出顯示一個單元格，如果您包含jQuery，則可以使用此代碼。

(function() { 

    var current_cell; 

    $('td').bind('mouseenter', function() { 
     if (current_cell) { 
     current_cell.removeAttr('id'); 
     }; 
     current_cell = $(this); 
     current_cell.attr('id', 'highlight'); 
    }); 
})();

，然後只用了CSS

td#highlight { 
    background: ... ; 
}

來源

2010-10-11 11:46:26

如何更改表格單元格背景在Javascript

回答

相關問題