javascript怎么在表格里面动态添加按钮

javascript怎么在表格里动态添加按钮。谢谢啦[[email protected]][/email]

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<table>
     <tr>
         <td id="t"></td>
        </tr>
        <tr>
         <td><input type="button" value="click me" id="btn" /></td>
        </tr>
    </table>
    <script>
     document.getElementById('btn').onclick = function(){
var t = document.getElementById('t');
var input = document.createElement('input');
input.type = 'button';
input.value = 'new';
input.onclick = function(){
alert('我是新加进来的')
};
t.appendChild(input);
};
    </script>
</body>
</html>
//假设你的table的id为tbl
var btn = document.createElement("input");
btn.type = "button";
btn.value = "test";
document.getElementById("tbl").appendChild(btn);
谢谢了。我是这样的，没有创建节点。不知道怎么弄。
                        var addtable=document.getElementById("mytable");
var addrow=addtable.rows.length-1;
var itrow=document.getElementById("mytable").insertRow(addrow);
var diyi=itrow.insertCell(0);
diyi.innerHTML="商品";
var dyg1=itrow.insertCell(1);
dyg1.innerHTML="28";
var dyg2=itrow.insertCell(2);
dyg2.innerHTML="¥30";
var dyg3=itrow.insertCell(3);
                        dyg3.innerHTML=
谢谢了。我是这样的，没有创建节点。不知道怎么弄。
  var addtable=document.getElementById("mytable");
var addrow=addtable.rows.length-1;
var itrow=document.getElementById("mytable").insertRow(addrow);
var diyi=itrow.insertCell(0);
diyi.innerHTML="商品";
var dyg1=itrow.insertCell(1);
dyg1.innerHTML="28";
var dyg2=itrow.insertCell(2);
dyg2.innerHTML="¥30";
var dyg3=itrow.insertCell(3);
  dyg3.innerHTML= 按钮
dyg3.innerHTML= '<input type="button" value="new" />';