用js模仿word格式刷功能实现代码 [推荐]_javascript技巧

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Format Brush</title> <style> table{ border: solid #ccc 1px; } td{ border: solid #ccc 1px; width: 140px; height: 25px; } .selected{ border: solid red 1px; } a{ text-decoration: none; color: black; font-weight: bold; } .b{ } .i{ font-style: italic; } .u{ text-decoration: underline; } .s{ text-decoration: line-through; } .r{ color: red; } </style> <div> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpzZXRCb2xkKCk7" class="b" target="_blank" rel="nofollow">B</a> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpzZXRJdGFsaWMoKTs=" class="i" target="_blank" rel="nofollow">I</a> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpzZXRVbmRlcmxpbmUoKTs=" class="u" target="_blank" rel="nofollow">U</a> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpzZXRMaW5lVGhyb3VnaCgpOw==" class="s" target="_blank" rel="nofollow">S</a> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpzZXRSZWRDb2xvcigpOw==" class="r" target="_blank" rel="nofollow">R</a> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpkb0JydXNoKHRoaXMpOw==" class="" target="_blank" rel="nofollow">Brush</a> <span id="tip" style="display: none;">再次点击Brush以结束使用格式刷</span> </div> <table id="t" cellpadding="0" cellspacing="0" border="1"> <tr> <td class="selected">column1</td> <td>column2</td> <td>column3</td> <td>column4</td> </tr> <tr> <td>column1</td> <td>column2</td> <td>column3</td> <td>column4</td> </tr> <tr> <td>column1</td> <td>column2</td> <td>column3</td> <td>column4</td> </tr> <tr> <td>column1</td> <td>column2</td> <td>column3</td> <td>column4</td> </tr> <tr> <td>column1</td> <td>column2</td> <td>column3</td> <td>column4</td> </tr> <tr> <td>column1</td> <td>column2</td> <td>column3</td> <td>column4</td> </tr> <tr> <td>column1</td> <td>column2</td> <td>column3</td> <td>column4</td> </tr> </table> 用法：上下左右键移动单元格， 点格式化按扭格式化当前单元格， 点Brush准备使用格式刷，然后点任意单元格就会把当前单元格格式拷贝到被点击的单元格。 转载请注明来自：http://blog.csdn.net/sunxing007
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]