首頁  >  文章  >  web前端  >  透過程式碼詳細為你講解如何在js中創建div,span,label

透過程式碼詳細為你講解如何在js中創建div,span,label

亚连
亚连原創
2018-05-18 11:13:212597瀏覽

以下是我給大家整理的如何在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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn