js创建div，span，label

最新推荐文章于 2024-06-25 10:53:47 发布

bing.shao

最新推荐文章于 2024-06-25 10:53:47 发布

阅读量1w

点赞数

分类专栏： JavaScirpt技术

本文链接：https://blog.csdn.net/shaobingj126/article/details/17604663

版权

JavaScirpt技术专栏收录该内容

46 篇文章 1 订阅

订阅专栏

            var newdiv=document.createElement("div");
           newdiv.className="switch-animate switch-on"
           newdiv.id="switch_div"
           document.getElementById("dhcpd_div").appendChild(newdiv);

           var rinput = document.createElement("input");
           rinput.setAttribute("type","checkbox");
           rinput.setAttribute("name","dhcpd_name");
           rinput.setAttribute("id",'dhcpd');
           document.getElementById('switch_div').appendChild(rinput);
           rinput.setAttribute("checked",'checked');

            var spanON = document.createElement("span");
            spanON.className = "switch-left switch-success";
            spanON.innerHTML = "ON";
            document.getElementById("switch_div").appendChild(spanON);

            var label_var = document.createElement("label");
            label_var.innerHTML = " ";
            document.getElementById("switch_div").appendChild(label_var);

            var spanOFF = document.createElement("span");
            spanOFF.className = "switch-right switch-warning";
            spanOFF.innerHTML = "OFF";
            document.getElementById("switch_div").appendChild(spanOFF);