<!DOCTYPE html>
<html>
<head>
<title>对表格元素进行增删改操作</title>
<script type="text/javascript">
function createTable(){
var b=document.getElementById("test");
var t=document.createElement("table");
t.border="1";
t.id="mytable";
var caption=t.createCaption();
caption.innerHTML="我的表格";
for(var i=0; i<5;i++){
var tr=t.insertRow(i);
for(var j=0; j<4; j++){
var td=tr.insertCell(j);
td.innerHTML="单元格"+i+j;
}
}
b.appendChild(t);
}
</script>
</head>
<body in="test">
<input type="button" value="创建一个5行4列的表格" onclick="createTable()"/>
<input type="button" value="删除最后一行"/>
<input type="button" value="删除最后一个单元格"/>
</body>
</html>
添加回答
举报
0/150
提交
取消