放100分,帮忙看看javascript怎么实现下连接上的功能呢

说到底其实就是<div></die>的显示和隐藏配合ajax动态取数据

解决方案 »

  1.   

    <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>
      

  2.   

    增加、删除就是在操作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>
      

  3.   

    我楼上滴喜欢绕圈圈：）this.parentNode.removeChild(this);
      

  4.   

    - -#
    你那样的话。。
    oDiv.removeNode(true);
    不支持FF的。。