<!DOCTYPE html>
<html>
<head>
<title>MyHtml.html</title>
<style type="text/css">
table{
border-collapse: collapse;
}
td{
border:1px solid red;
}
</style>
<script type="text/javascript">
function addtd(obj){
var td = document.createElement("td");
var input = document.createElement("input");
var inputBtn = document.createElement("input");
input.setAttribute("type", "text");
inputBtn.setAttribute("type", "button");
inputBtn.setAttribute("value", "删除");
inputBtn.setAttribute("onclick", "deltd(this);");
obj.parentNode.insertBefore(td, obj);
td.appendChild(input);
td.appendChild(inputBtn);
}
function deltd(a){
a.parentNode.parentNode.removeChild(a.parentNode);
}
function deltr(obj){
obj.parentNode.parentNode.removeChild(obj.parentNode);
}
function addtr(){
var tab = document.getElementById("tab");
var span = document.createElement("span");
var tr = document.createElement("tr");
var input = document.createElement("input");
var inputDel = document.createElement("input");
inputDel.setAttribute("type", "button");
inputDel.setAttribute("value", "删除此行");
inputDel.setAttribute("onclick", "deltr(this)");
input.setAttribute("type", "button");
input.setAttribute("value", "增加单元格");
input.setAttribute("onclick", "addtd(this)");
span.appendChild(input);
span.appendChild(inputDel);
tr.appendChild(span);
tab.appendChild(tr);
}
</script>
</head>
<body>
<form action="">
<input type="button" onclick="addtr();" id="add" value="增加行"/>
<table id="tab">
</table>
</form>
</body>
</html>
有问题追问
追问相当吊，最后肯定选你了，我先看看，主要担心有问题不好问，待会就选你最佳，并多给50分
追答好的 没问题 你试了么
追问你好，还真有一个问题。
就是第一段代码，火狐可以，IE浏览器，那个增加表格的按键，貌似不行了，要不你也试试？
追答等会 我看看，
追问我网上查了下，好像说;table.innerHTML，对IE6-IE9之间，好像不支持
补充：
我已经解决了，可以函数太长，这里贴不下。
追答可以用insertRow和insertCell
你可以单独写一个js文件 外联一下吧
追问我去，真的非常抱歉，我看错了，我用的是上面那份代码，结果你俩太靠近，我弄错了。
非常的抱歉，但是确实使用的是上面那位，真的很不好意思
追答你太伤我心了
追问额，我也感觉是的~~哎~~我的错