如何用JS创建DIV，又如何把已用JS创建的div放到<div style="height:100px" id="objFiles"></div>里

1、如何用JS创建DIV，
2、又如何把已用JS创建的div放到<div  style="height:100px" id="objFiles"></div>里
3、又如何删除<div  style="height:100px" id="objFiles"></div>里用JS创建的div

<div  style="height:100px" id="objFiles">
</div>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

function makeDiv()
{
var div_xwt= document.createElement("div");
div_xwt.id = "DIVI" + document.getElementById("iptNum").value;
div_xwt.style.width="217px";
div_xwt.style.borderRight="black 1px solid";
div_xwt.style.borderBottom="black 1px solid";
var SELECT = document.createElement("SELECT");
SELECT.id="type"+document.getElementById("iptNum").value;
SELECT.style.width="216px";
div_xwt.appendChild(SELECT);
document.getElementById("objFiles").appendChild(div_xwt);
}
这样创建为什么不对，如何改呢
首先楼主要确认自己有没有对函数进行执行，也就是函数下面有没有makeDiv();这个块代码其次楼主要确认iptNum对象是否存在再次（也是最可能发生的，浏览器版本的关系--我是这么认为的），你在id为objFiles的div中加个“.”试一试
创建的div没有问题
删除自己创建的div用removeChild方法即可，在objFiles对象中找到子元素，即刚才创建的div然后
调用removeChild方法
楼主看下我的办法，不知道对楼主是否有效
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
</head>
<body>
<div style="height:100px" id="objFiles">
</div>
<input type="button" onClick="javascript:insertdiv();" value="增加" />
<input type="button" onClick="javascript:deletediv();" value="增加" />
</body>
<script type="text/javascript">
function insertdiv() {
    var str = "<div id='innerdiv'>aaaa</div>";
document.getElementById("objFiles").innerHTML=str;
}
function deletediv() {
var del=document.getElementById("objFiles").getElementsByTagName("div");
if(del.length > 0)
del[0].parentNode.removeChild(del[0])
}
</script></html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
    </head>
    <body>
        <div style="height:100px" id="objFiles">
        </div>
<input type="button" value="click me" onclick="removeDiv()">
    </body>
    <script type="text/javascript">
        function makeDiv(){
            var div_xwt = document.createElement("div1");//创建div
            //设置所要创建的div的属性
            div_xwt.id = "DIVI1";
            div_xwt.style.width = "217px";
            div_xwt.style.borderRight = "black 1px solid";
            div_xwt.style.borderBottom = "black 1px solid";
            var SELECT = document.createElement("SELECT");
            SELECT.id = "type1";
            SELECT.style.width = "216px";
            div_xwt.appendChild(SELECT);
            document.getElementById("objFiles").appendChild(div_xwt);//将创建好的div加在原来的div里面
        }

function removeDiv() {
//删除后来添加的div
var src_div = document.getElementById("objFiles");
src_div.removeChild(src_div.childNodes[0]);
}

window.onload = makeDiv;
    </script>
</html>
1、如何用JS创建DIV，
var NewDiv= document.createElement("div");2、又如何把已用JS创建的div放到<div style="height:100px" id="objFiles"></div>里
document.getElementByID("objDiles").appendChild(NewDiv)

3、又如何删除<div style="height:100px" id="objFiles"></div>里用JS创建的div
document.getElementByID("objDiles").removeChild()
楼主如果会JQUERY的话
1、如何用JS创建DIV，
2、又如何把已用JS创建的div放到<div style="height:100px" id="objFiles"></div>里
3、又如何删除<div style="height:100px" id="objFiles"></div>里用JS创建的div

<div style="height:100px" id="objFiles">
</div>这个太简单了
添加
$("#objFiles").append("<div>你自己创建的</div>");
删除
$("#objFiles").html("");