js获取表格单元格内容.doc

js获取表格单元格内容 篇一：html_javascript_操作表格获取单元格数据 lt;html lt;head lt;meta http-equiv=Content-Type content=text/html; charset=UTF-8 lt;title操作表格lt;/title lt;!-- 如果需要兼容 firefox 使用 jquery-- lt;!-lt;script src=js/jquery.js type=text/javascriptlt;/script-- lt;script type=text/javascript var act_bgc = #fff; var act_fc = #4f6b72; var cur_bgc = #eeeeee; var cur_fc = #797268; function getTableCellValue(event){ var the_obj = event.srcElement ? event.srcElement : event.target;// 兼容 ie 和 firefox var the_td = get_Element(the_obj,td); if(the_td==null) return; var the_tr = the_td.parentElement?the_td.parentElement:the_td.parentNode; var the_table = get_Element(the_td,table); var cur_row = the_tr.rowIndex; for(var i=1;ilt;the_table.rows.length;i++){ with(the_table.rows[i]){ style.backgroundColor=act_bgc; style.color=act_fc; } } with(the_table.rows[cur_row]){ style.backgroundColor=cur_bgc; style.color=cur_fc; } return the_table.rows[cur_row].cells; }function get_Element(the_ele,the_tag){ the_tag = the_tag.toLowerCase(); if(the_ele.tagName.toLowerCase()==the_tag)return the_ele; while(the_ele=the_ele.offsetParent){ if(the_ele.tagName.toLowerCase()==the_tag)return the_ele; } return(null); } function editTable(event){ var cels = getTableCellValue(event);//获取当前编辑行的数据//alert(cels[0].innerText); alert(cels[1].innerText); alert(cels[2].innerText); alert($(cels[0]).text());//此句是使用 jquery 获取单元格数据} lt;/script lt;style table{ font-size: 11pt; word-break:break-all; cursor: default; BORDER: black 1px solid; background-color:#fff; border-collapse:collapse; border-Color:#999999; align:center; } .edit{ cursor:hand; color: #c75f3e; text-Decoration: underline; } lt;/style lt;/head lt;body lt;form lt;table lt;tr lt;th名字lt;/th lt;th年龄lt;/th lt;th性别lt;/th lt;th编辑lt;/th lt;/tr lt;tr lt;tdtoylt;/td lt;td15lt;/td lt;td女lt;/td lt;tdlt;span class=edit onclick=editTable(event) 编 辑 lt;/spanlt;/td lt;/tr lt;tr lt;tdavrillt;/td lt;td18lt;/td lt;td女lt;/td lt;tdlt;span class=edit onclick=editTable(event) 编 辑 lt;/span