如图,可以关闭的,最右边一栏点了可以添加新选项卡,自己试了很久搞不定,求高手
解决方案 »
- JS高手帮忙,一个表单提交多个Action传递参数的问题。
- js写的黑白棋
- 求一个js分页
- 如何在Dreamweaver中调试ext代码
- jsp中关于表单提交的问题
- 如何用javascript脚本来实现将一个bmp格式图片转换成jpeg格式的图片?
- 请教JS如何把文本框输入的yyyy.mm.dd时间格式转换成yyyy-mm-dd格式
- 有什么办法使得div不被里面的内容撑开
- 在HTML页面中怎样屏蔽掉键盘硬拷贝PrintScreen 键???
- (100分)node.js难道不能模拟一个事件堵塞,另一个事件非堵塞吗?
- 通过js锁定table表头,垂直滑动时表头固定,
- [含泪求助]javascrip调用COM组件,IE下正常,Firefox没有反应
这个div里创建一个按钮 value="X"
为按钮增加点击事件 点击后
获得按钮的父元素的父元素 用这个元素removeChild(按钮父元素)
将这个div insertBefore到添加按钮前
试试
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
td{
width:100px;
background-image:url(1.jpg);
direction:rtl;
}
</style>
<script type="text/javascript">
function add(){
var button=document.getElementById("test");
var p=button.parentNode;
var td=document.createElement("td");
var close=document.createElement("input");
close.type="button";
close.value="X";
close.onclick=remove;
td.appendChild(close);
var pp=p.parentNode;
pp.insertBefore(td,p);
}
function remove(){
var p=this.parentNode;
var pp=p.parentNode;
pp.removeChild(p);
}
</script>
</head><body>
<table>
<tr>
<td><input type="button" value="增加" onclick="add()" id="test"></td>
</tr>
</table>
</body>
</html>
大体类似于这样试试