JS动态添加标签

最新推荐文章于 2024-08-21 15:28:06 发布

晴天小风

最新推荐文章于 2024-08-21 15:28:06 发布

阅读量2.9k

点赞数

分类专栏： Web前端案例文章标签： js 动态添加标签

本文链接：https://blog.csdn.net/Ag_nevergiveup/article/details/99676802

版权

Web前端案例专栏收录该内容

6 篇文章 1 订阅

订阅专栏

JS动态添加标签

如代码示例，使用jquery，动态的增加标签：

function addDiv(serial) {
        //最外层父div
        var div = document.createElement("div");  
        document.getElementById("form").appendChild(div);


        var childDiv1 = document.createElement("div");
        document.getElementById(div.id).appendChild(childDiv1);

        var label1 = document.createElement("label");
        document.getElementById(childDiv1.id).appendChild(label1);

        var childDiv1_1 = document.createElement("div");
        document.getElementById(childDiv1.id).appendChild(childDiv1_1);

        var input1 = document.createElement("input");
        document.getElementById(childDiv1_1.id).appendChild(input1);

    }