首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js操作报表

2012-10-09 
js操作表格htmlheadscriptfunction addSuffixRow(){//alert(document.all.suffixTable.innerHTML)if

js操作表格

<html><head><script>function addSuffixRow(){//alert(document.all.suffixTable.innerHTML)if(document.all.suffixTable.rows.length > 19){alert("您最多可以批量查询60个域名。");}else{//添加一行var newTr = document.all.suffixTable.insertRow();//添加两列var newTd0 = newTr.insertCell();var newTd1 = newTr.insertCell();var newTd2 = newTr.insertCell();                newTd0.width="33%";newTd1.width="33%";newTd2.width="33%";//设置列内容和属性newTd0.innerHTML = '<input name="suffix" type="text" maxlength="70" style="width:195;">';newTd1.innerHTML = '<input name="suffix" type="text" maxlength="70" style="width:195;">';newTd2.innerHTML = '<input name="suffix" type="text" maxlength="70" style="width:195;">';}}function deleteSuffixRow(){if(document.all.suffixTable.rows.length == 1){alert("不能删除最后一行!");}else{var lastIndex = document.all.suffixTable.rows.length - 1;document.all.suffixTable.deleteRow(lastIndex);}}function traceTable() {var k = document.all.suffixTable.rows.length;var l = document.all.suffixTable.rows[0].cells.length;        alert(document.all.suffixTable.rows[0].cells[1].innerHTML); alert(document.all.suffixTable.rows[0].cells[1].childNodes[0].innerText="输入的字");}</script></head><body><table width="99%" border="0" cellpadding="0" cellspacing="1" id="suffixTable" align="left"><input name="suffix" type="text" maxlength="77" style="width:195;"/></td><td style="width: 33%" ><input name="suffix" type="text" maxlength="77"  style="width:195;"/></td><td style="width: 33%" ><input name="suffix" type="text" maxlength="77"  style="width:195;"/></td></tr><tr><td style="width: 33%"  align="left"><input name="suffix" type="text" maxlength="77" style="width:195;"/></td><td style="width: 33%" ><input name="suffix" type="text" maxlength="77"  style="width:195;"/></td><td style="width: 33%" ><input name="suffix" type="text" maxlength="77"  style="width:195;"/></td></tr><tr><td style="width: 33%"  align="left"><input name="suffix" type="text" maxlength="77" style="width:195;"/></td><td style="width: 33%" ><input name="suffix" type="text" maxlength="77"  style="width:195;"/></td><td style="width: 33%" ><input name="suffix" type="text" maxlength="77"  style="width:195;"/></td></tr></table><!-- tr id="list" style="display:none;"><td align="left"><input name="suffix" type="text" /></td><td><input name="suffix" type="text" /></td><td><input name="suffix" type="text" /></td></tr --></div><div style="background:#fff; padding:5px; height:20px;"><p onclick="addSuffixRow();return false;">点击这里添加一行</a></p><p ><a href="#" onclick="deleteSuffixRow();">点击这里删除最后一行</a></p>        <p ><a href="#" onclick="traceTable();">遍历表格</a></p>                                                </div></body></html>

热点排行