求一段支持chrome的JS或者jquery写法


var el = document.getElementById("mydiv").firstChild;
if (el) { document.getElementById("mydiv").removeChild(el); }

解决方案 »

  1.   

    获取DIV的第一个子节点并删除它
      

  2.   

    $("#mydiv").children(":first").remove()
      

  3.   

    感谢这位朋友的回答 但是我DIV里内容大致是这样的 <div id="mydiv">文字1<input type="button" id="btn" value="ok">文字2</div>若运行我写的那段代码会首先去掉前面的文字1
    运行第二次运行则会去掉按钮
    第三次去掉文字2 以此类推
    请问这样的功能如何用jquery实现呢
      

  4.   

    前面不知道在说什么。。不过 那个单击一次  去一个东西 你可以看下。
                  ---第一次单击 去掉 文字1
                    var s = $("#info").html();                
                    s = s.replace(/.*(?=[<])/, "");
                    $("#info").html(s);
                            ---第一次单击 去掉 按钮
                    var s = $("#info").html();                
                    s = s.replace(/[<].*[>])/, "");
                    $("#info").html(s);
                            ---第一次单击 去掉 文字2
                    var s = $("#info").html();                
                    s = s.replace(/(?<=[>]).*/, "");
                    $("#info").html(s);
      

  5.   


    <head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $("#but").click(function(){
    var flag = $("#div1").children(":first").length;
    if(flag > 0){
    $("#div1").children(":first").remove();
    };
    });
    });
    </script>
    </head><body>
    <div id="div1">
    <input type="text" value="生生死死" disabled="disabled"/>
    <input type="text" value="万物皆殇" disabled="disabled"/>
    <input type="text" value="万物皆寂" disabled="disabled"/>
    </div>
    <input type="button" value="submit" id="but"/>
    </body>
      

  6.   

    差不多是这个意思 但是 DIV里不固定文字和标签出现的位置
      

  7.   

    如果div中有文字 那么文字不会被移除<div id="div1">
    文字1
    <input type="text" value="生生死死" disabled="disabled"/>
    文字2
    <input type="text" value="万物皆殇" disabled="disabled"/>
    <input type="text" value="万物皆寂" disabled="disabled"/>
    </div>
      

  8.   

    <div id="mydiv">
    <input type="text" value="生生死死" disabled="disabled"/>
    <input type="text" value="万物皆殇" disabled="disabled"/>
    <input type="text" value="万物皆寂" disabled="disabled"/>
    </div>
    <input type="button" value="submit" id="but"/>
    <script>
    function $(id){
    return document.getElementById(id);
    }
    $('but').onclick = function(){
    var parentNode = $('mydiv'),
    el = parentNode.children[0];
    if(el){
    parentNode.removeChild(el);
    }
    }
    </script>
      

  9.   

    var obj=document.getElementById("mydiv");
    obj.removeChild(obj.childNodes[0]);
      

  10.   


    <html>
    <head>
    <title></title>
    <script>
    function doDelect(){
    var obj=document.getElementById("div1");
    if(obj.childNodes[0]!=undefined)
    obj.removeChild(obj.childNodes[0]);
    }
    </script>
    </head>
    <body>
    <div id= "div1" name ="div1">
    1111111
    <input type="button" value="ok"/>
    2222222
    </div>
    <input type="button" value="删除" onClick="doDelect();" />
    </body>
    </html>