有点要注意table的id值不可以设置。
以下例子你可以把table的进行修饰下，然后点击按钮复制一个table就可以了同时要引入一个jquery的js文件，这就看你那有什么版本的js了，替换文中的 jquery.js就可以啦
举个例子：例子是一个html文件
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="Keywords" content="">
<meta name="author" content="@my_programmer">
</head>
<script src="jquery.js"></script>
<script>
function a2(){
var a = $("#tb")
var b = a.clone(true)
var div = $("#div")
div.append(b)
}
</script>
<body id="bd">
<div id="div">
<table id="tb" style="position:relative
margin-top:10px
margin-bottom:10px
border-left: 1px solid rgb(206, 226, 235)">
<tr class="s1"><td>sssss</td><td>dddddd</td></tr>
<tr class="s1"><td>2222</td><td>1111</td></tr>
</table>
</div>
<input type="button" onclick="a2()">
</body>
</html>
1.错误主要原因在HTML中，所有元素打开后都必须关闭，打开一个<tr>就必须用</tr>关闭，或者自己开自己关的元素，如<br/><img src="0.jpg" />。
2.解决办法
你的代码中，所有的<tr>都没有关闭。所以要在多处用</tr>关闭。以下是改后的正确代码：
<%@ page contentType="text/htmlcharset=gb2312" import="java.sql.*"%>
<jsp:useBean id="db" class="dbBean.DBBean" scope="session"/>
<center>
<h2>系统维护</h2>
<table border bordercolor='#0099ff' width="50%">
<tr>
<th colspan="3" bgcolor='#ccffff'>删除投票项</th>
</tr>
<%
ResultSet rs=db.executeQuery("select * from vote")
int i=1
while(rs.next()){
out.println("<tr>")
out.println("<td>"+i+"</td>")//这行改前好少了个">"大于号
out.println("<td>"+rs.getString("item")+"</td>")
/*显示"删除"超连接，跳转到删除处理页面delete时传递参数delid，即要删除的投票项id号*/
out.println("<td align='center'><a href='delete.jsp?delid="+rs.getString("id")+"'>删除</a></td>")
out.println("</tr>")//这行就是关闭tr
i++
}
rs.close()
db.close()
%>
<tr><th colspan="3" bgcolor='#ccffff'>添加投票项</th></tr>
<tr>
<td colspan="3">
<%--利用表单输入添加信息，提交给添加投票项处理页面add.jsp--%>
<form method="post" action="add.jsp">
内容:<input type="text" name="additem" size="30">
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
</td>
</tr>
<tr>
<td colspan="3" align="center" bgcolor='#ccffff'><a href="index.jsp">返回投票页面</a></td>
</tr>
</table>
</center>
你的javascript程序有些问题,我帮你改好了,你看看吧.
<html><head>
</head>
<body>
<table cellpadding=1 cellspacing=1 border=1 id=msgtable>
</table>
</body>
<script type="text/javascript">
var num =1
var list ="2017-1-1,zhangsan,xxxxxx2017-2-5,lisi,xxxxxx"
var list1 = list.split("")
for(var i=0i<list1.lengthi++){
console.log("i:"+list1[i])
var list2 = list1[i].split(",")
var time = list2[0]
var name = list2[1]
var content = list2[2]
var tr = document.createElement("tr")
tr.setAttribute("width", "100%")
var td1 = document.createElement("td")
td1.setAttribute("width", "5%")
td1.innerHTML=num
var td2 = document.createElement("td")
td2.setAttribute("width", "95%")
td2.innerHTML=time+" "+name+" 回复："+content
tr.appendChild(td1)
tr.appendChild(td2)
document.getElementById("msgtable").appendChild(tr)
num++
}
</script>
</html>
运行结果
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）