求助,每点击一次Bottom按钮,添加一个表格.

my-onlyone 2012-08-09 04:24:18
<html>

<head>

<title></title>
<style type="text/css">
.s{ width : 100px; background : #CCCCFF ; height : 30px ;}
</style>

<script type="text/javascript">
function fn()
{
var tr = document.createElement("tr");
var td1 = document.createElement("td");
td1.className="s";
td1.innerText="1";
var td2 = document.createElement("tr");
td2.className="s";
td2.innerText="2";

var object = document.getElementById("i");
tr.appendChild("td1");
tr.appendChild("td2");
object.appendChild("tr");
}

</script>
</head>

<body>
<table id="i"></table>
<a href="" onClick="fn()">增加</a>
</body>

</html>
...全文
127 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
似梦飞花 2012-08-09
  • 打赏
  • 举报
回复
<head>

<title></title>
<style type="text/css">
.s{ width : 100px; background : #CCCCFF ; height : 30px ;}
</style>

<script type="text/javascript">
function fn()
{
var tr = document.createElement("tr");
var td1 = document.createElement("td");
td1.className="s";
td1.innerText="1";
var td2 = document.createElement("tr");
td2.className="s";
td2.innerText="2";

var object = document.getElementById("i");
tr.appendChild(td1);
tr.appendChild(td2);
object.appendChild(tr);
return true;
}

</script>
</head>

<body>
<table id="i"></table>
<a href="#" onClick="fn()">增加</a>
</body>
静缘 2012-08-09
  • 打赏
  • 举报
回复
tr.appendChild("td1");
tr.appendChild("td2");
object.appendChild("tr");
添加的是对象 不能用双引号 onclick函数后面加上 return false


<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title><style type="text/css">
.s{ width : 100px; background : #CCCCFF ; height : 30px ;}
</style>

<script type="text/javascript">
function fn()
{
var tr = document.createElement("tr");
var td1 = document.createElement("td");
td1.className="s";
td1.innerText="1";
var td2 = document.createElement("td");
td2.className="s";
td2.innerText="2";

var object = document.getElementById("i");
tr.appendChild(td1);
tr.appendChild(td2);
object.appendChild(tr);
}

</script>
</head>

<body>
<table id="i"></table>
<a href="" onclick="fn();return false;">增加</a>
</body>
</html>
枫醉秋 2012-08-09
  • 打赏
  • 举报
回复
<html>

<head>

<title></title>
<style type="text/css">
.s{ width : 100px; background : #CCCCFF ; height : 30px ;}
</style>

<script type="text/javascript">
function fn()
{
var table=document.getElementById("i");
var row=table.insertRow(0);
var cell1=row.insertCell(0);
var cell2=row.insertCell(1);
cell1.className="s";
cell1.innerHTML="1";
cell2.className="s";
cell2.innerHTML="2";
}

</script>
</head>

<body>
<table id="i"><tr><td/></tr><tr><td/></tr></table>
<a href="javascript:fn()">增加</a>
</body>

</html>

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧