首页 > web前端 > js教程 > 正文

通过代码详细为你讲解如何在js中创建div,span,label

亚连
发布: 2018-05-18 11:13:21
原创
2584 人浏览过

下面是我给大家整理的如何在js中创建div,span,label,有兴趣的同学可以去看看。

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);
登录后复制

上面是我整理给大家的如何在js中创建div,span,label,希望今后会对大家有帮助。

相关文章:

 js中如何建立model数据模型(代码奉上,简单易懂)

原生JS实现判断碰撞的方法(趣味实例)

有关在JS 获取JSON数据简单调用(代码附上,简单粗暴)

以上是通过代码详细为你讲解如何在js中创建div,span,label的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!