有HTML代码为:
<div><span id="test" onclick="del()">这是span里的内容</span></div>
请完成del函数,删除id为test的span自身

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>    <script src="lib/jquery-1.4.2.js" type="text/javascript"></script>    <script type="text/javascript">
            function del(that) {
                that.parentNode.removeChild(that); //自身元素的父节点的子元素(指定为本身)
            }
        </script></head>
    <body>
        <div>
            <span id="test" onclick="del(this)">这是span里的内容</span>
            <br />
            这是div里的内容</div>
    </body>
    </html>
      

  2.   


    <div><span id="test" onclick="del(this)">这是span里的内容</span></div><script>
    function del(_self){
    _self.removeNode(true);
    }</script>
      

  3.   


    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>测试用页面</title>
    </head>
    <body>
    <script>
    function del(){
    var e = arguments[0]||window.event,
    tg = e.target||e.srcElement,
    p = tg.parentElement||parentNode;
    p.removeChild(tg);
    }
    </script>
    <div><span id="test" onclick="del()">这是span里的内容</span></div>
    </body>
    </html>
      

  4.   


    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>测试用页面</title>
    </head>
    <body>
    <script>
    function del(){
        var e = arguments[0]||window.event,
        tg = e.target||e.srcElement,
        p = tg.parentElement||tg.parentNode;
        p.removeChild(tg);
    }
    </script>
    <div><span id="test" onclick="del()">这是span里的内容</span></div>
    </body>
    </html>上面的少个tg
      

  5.   

    用jqueryfunction()
    {
    $('#test').remove();
    }