日期:2014-05-16  浏览次数:20413 次

放100分,帮忙看看javascript怎么实现下连接上的功能呢
http://wap.ps.cn/demowap/test/See.JPG
帮忙看看javascript怎么实现下连接上的功能呢
,就是点一下,增加一个模块,这个模块还可以删除的,
哪里有例子可以下载到本地运行看看啊,谢谢!

------解决方案--------------------
<style type= "text/css ">
.menu {
font-size:12px;
width:100px;
height:16px;
padding:1px;
border:#CCCCCC 1px solid;
}
</style>
<script type= "text/javascript ">
var remove = function () {
this.parentNode.removeChild(this);
};
var create = function (name) {
var d = document.createElement( "span "), wc = document.getElementById( "wc ");
d.setAttribute( "className ", "menu ")
d.setAttribute( "class ", "menu ");
d.innerHTML = name;
d.onclick = remove;
wc.appendChild(d);
};
var show = function (o) {
create(o.innerHTML);
};
</script>
<div id= "wc "> </div>
<a onclick= "show(this) "> 菜单一 </a> <br /> <a onclick= "show(this) "> 菜单二 </a>
------解决方案--------------------
增加、删除就是在操作html dom.随便写了个小例子给你。
<script language=javascript>
function add()
{
var obj=document.createElement( "div ")
document.getElementById( "b ").appendChild(obj);
obj.innerHTML= " <a href= '# ' onclick=remove(this)> 点我删除哦 </a> "
}
function remove(obj)
{
var oDiv=obj.parentElement;
oDiv.removeNode(true);
}
</script>

<body id= "b ">
<input type=button onclick=add() value= "点我增加哦 ">
</body>