1. 爱易网页
  2. JavaSript
  3. JS增多TABLE行

JS增多TABLE行

日期：2014-05-16　 浏览次数：20337 次

JS增加TABLE行
<html>
<head>
<script type="text/javascript">
var test = {};
test.doalert = function(str){
alert(str);
}
function aaa(){
var table = document.getElementById("tableId");
var num = table.rows.length-1;
var oRow = table.insertRow();
var hideTable = document.getElementById("realtion");
for(var i = 0;i<hideTable.cells.length;i++){
var oCell = oRow.insertCell(i);
oCell.innerHTML = hideTable.cells(i).innerHTML.replace(new RegExp("@","gm"), "" + num);
      oCell.colSpan = hideTable.cells(i).colSpan;
      oCell.rowSpan = hideTable.cells(i).rowSpan;
      oCell.vAlign = hideTable.cells(i).vAlign;
      oCell.align = hideTable.cells(i).align;
      oCell.bgColor = hideTable.cells(i).bgColor;
      oCell.style.cssText = hideTable.cells(i).style.cssText;
      oCell.className = hideTable.cells(i).className;     
}

}
function bbb(){
alert(varr[0].code);
}
setTimeout("test.doalert('sdsdsdsdsd')",5000);
</script>
</head>
<body >
<div id = "divx" border="1" overflow="auto">
<table border = "1" id="tableId">
<tr id="dd"><td style="margin-top:0px"><span>sss</span></td><td><textarea rows="8" name="sss" class="text"></textarea>
</td></tr>
</table>
<table id="realtion" style="display:none">
<tr id="dd"><td style="margin-top:0px"><span>sss</span></td><td><textarea rows="8" name="sss" class="text"></textarea>
</td></tr>
</table>
<input type="button" value="go" onclick="aaa()"/>
</div>
</body>
</html>

相关资料更多>

  1. javascript 学习札记——对象、命名空间
  2. extjs4 传数组解决思路
  3. JS可以控制从新窗口弹出吗？（有像百度下拉的功能）,该如何解决
  4. 惯用JavaScript代码
  5. jstat的使用方法 - 分析JVM的使用情况
  6. 怎么用正则表达式定位JS代码中尾部有多余逗号的对象
  7. 从JavaScriptMVC开始怎么完成项目之创建测试程序
  8. 贪吃蛇，创建地图、蛇、食物后怎么设计代码啊
  9. 在IE中使用OCX组件事件的有关问题