为什么以下代码不能动态插入span节点？

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>插入节点</title>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript">
        var p3=document.createElement("span");
        p3.text("p3");
        p3.insertAfter("div.container");    </script>
</head>
<body>
<div class="container">
    <div class="p1">p1<br/></div>
    <div class="p2">p2<br/></div></div></body>
</html>

解决方案 »

  1.   

    p3 是dom 对象不是jquery 对象
      

  2.   

            $(function () {
                var p3 =$( document.createElement("span"))
                p3.text("p3");
                p3.insertAfter("div.container");
            });
      

  3.   

    var span_obj = document.createElement('span');span_obj.appendChild(document.createTextNode("p3"));然后你在把这个span_obj  append到其他的节点上....
      

  4.   


    <input type="button" id="btnspan" value="为什么以下代码不能动态插入span节点？"  onclick="createElemetn();"/><div class="container">
       <div class="p1">p1<br></div>
       <div class="p2">p2<br></div>
    </body>function createElemetn()
    {
      var sp =$(document.createElement("span"));
       sp.text("插入span节点");
       sp.insertAfter("div.container");

        }
    测试成功！