帮帮我

如何用javascript查找已存在的div，并且在此div之外创建新的div

解决方案 »

  1.   

    div有id么 有的话 
    document.getElementById("ID");创建新的div可以利用 document.createElement("div")来创建。
    如果没有id的话，lz要遍历才可以document.getElementsByTagName("div")或者利用dom中的树型节电来处理。
      

  2.   


    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>5_14</title><script>
    function test(){
    var div = document.body.getElementsByTagName("div");
    var length =div.length;
    alert(length)
    if(length>0){
    var div_box = document.createElement("DIV")
    div_box.id = "box"
    div_box.style.position="absolute"
    div_box.style.top=0
    div_box.style.left=0
    div_box.style.background = "#FFFF00"
    div_box.style.visibility = "visible"
    div_box.innerHTML="test"
    document.body.appendChild(div_box);
    }
    }
    </script>
    </head><body>
    <div id="meta" onclick="test()">nihao</div>
    </body>
    </html>
      

  3.   

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>5_14</title><script>
    function test(){
        var div = document.body.getElementsByTagName("div");
        var length =div.length;
        alert(length)
        if(length>0){
            var div_box = document.createElement("DIV")
            div_box.id = "box"
            div_box.style.position="absolute"
            div_box.style.top=0
            div_box.style.left=0
            div_box.style.background = "#FFFF00"
            div_box.style.visibility = "visible"
            div_box.innerHTML="test"
            div.parentNode.appendChild(div_box);//在DIV的下面添加一个新的DIV
        }
    }
    </script>
    </head><body>
    <div id="meta" onclick="test()">nihao</div>
    </body>
    </html>
      

  4.   

    <div id="dd">里面</div>
    <script>
    var dd=document.getElementById("dd"),ndd;
    if(dd!==null){
        ndd=document.createElement("div");
        ndd.innerHTML="外面";
        dd.parentNode.insertBefore(ndd,dd);//先将节点插入到前面
        ndd.appendChild(dd);//把当前div再添加到新建的里面
    }
    </script>