html5 怎么动态创建div并赋值

Posted 2023-05-12

参考技术A 用js 参考一下这个代码
<script>
window.onload=function ()
        var Odiv=document.createElement("div");             //创建一个div
        var Ospan=document.createElement("span");          //创建一个span
        Odiv.style.cssText="width:200px;height:200px;background:#636363;
        text-align:center;line-height:220px";    //创建div的css样式
        //Odiv.id="box";                            //创建div的id为box
        //Odiv.className="Box";                    //div的class为Box
        Odiv.appendChild(Ospan);            //在div内创建一个span
        document.body.appendChild(Odiv);        //在body内创建一个div 
   
</script>本回答被提问者采纳

jquery 动态创造div的并创建不同的id值

通过Jquery动态创建div，并给div的id付不同的值，并动态的获得div的id值，例如
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>

// 你好，以在 BODY 生成 DIV 为例子给你讲一个吧 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    var create = 4;    // 定义一个数字，用于指定要生成多少个DIV
    var idStr = "";   // 这里是生成之后的所有 div 的  id 字符串
    var idList = new Array();    // 这里是生成之后，所有 div 的 id 数组

    $(function() 
        // 这里循环生成 create 个 div
        for (var i = 1; i <= create; i++) 
            // 这里指定 id = "div" + i，对应为 div1 div2 div3
            var id = "div" + i;
            var div = $("<div id='" + id + "'>" + id + "</div>");
            $("body").append(div);// body 拼接一个 div
            idStr += id + " ";    // 拼接 id 字符串
            idList.push(id);      // 把 id 放到数组里面
        
        // 如果要获得所有生成的 div 的 ，可以提供两种方法，第一种，在生成的时候，拼接字符串或者放到数组里面，第二种，在生成完 div 之后，遍历获取

        // 1、这里通过循环获取 id 
        var eachId = "";
        $("body >div").each(function() 
            // 获得div的id属性，拼接起来

            eachId += $(this).attr("id") + " ";
        )
        alert("我是each出来的id：" + eachId);

        // 2、这里是生成的时候拼接的
        alert("我是带出来的id：" + idStr);

        // 3、这里是通过数组
        var listId = "";
        for (var key in idList) 
            // 获取数组中存储的 id

            listId += idList[key] + " ";
        
        alert("我是数组遍历的id：" + listId);
    )
</script>

参考技术A 让id不停的变，比如设置默认值，然后让id自增。如果你想控制添加几个div。
funtion createDiv(divNum)

for(int k=0;k<divNum;k++)

$(body).append("<div id='div+"+k+"'>" +div的内容可空+"</div>");


取值的话，获取所有的div，然后用each遍历，并获取id
$.each($("div"),function()
alert($(this).attr("id");
));本回答被提问者和网友采纳