hyljava

js中动态生成表格

js中动态生成表格
function createTable() {
 var t = document.getElementById("myT");
 for ( var i = 0; i < 3; i++) {
  var r = t.insertRow();
  for ( var j = 0; j < 2; j++) {
   var c = r.insertCell();
   if (j == 0) {
    c.innerHTML = "姓名:"+i+","+j;
   } else {
    c.innerHTML = "<input type='text' name='n' />";
   }
  }
 }
 t.setAttribute('border', '1');
}

function deleteTable() {

 var objTable = document.getElementById("myT");
 objTable.setAttribute('border', '0');
 for ( var i = 0; i <= objTable.rows.length+1; i++) {
  objTable.deleteRow(0);

 }
 
}




jsp中的表单引发事件
<input type="button" onclick="createTable()" name="ty" value="试题类型" />
   &nbsp;
   <input type="button" onclick="deleteTable()" name="re" value="清除表格" />
   <table id="myT">
   
   </table>

posted on 2013-05-21 21:16 何云隆 阅读(504) 评论(1)  编辑  收藏 所属分类: JS

评论

# re: js中动态生成表格[未登录] 2014-05-15 20:53 1

2  回复  更多评论   


只有注册用户登录后才能发表评论。


网站导航: