Heim  >  Artikel  >  Web-Frontend  >  Ich werde Ihnen im Detail erklären, wie Sie durch Code div, span und label in js erstellen.

Ich werde Ihnen im Detail erklären, wie Sie durch Code div, span und label in js erstellen.

亚连
亚连Original
2018-05-18 11:13:212602Durchsuche

Im Folgenden habe ich für Sie zusammengestellt, wie Sie div, span und label in js erstellen.

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);

Das Obige ist, was ich für Sie zusammengestellt habe, wie man div, span, label in js erstellt. Ich hoffe, es wird hilfreich sein für Sie in der Zukunft.

Verwandte Artikel:

So erstellen Sie ein Modelldatenmodell in js (Code bereitgestellt, leicht zu verstehen)

Native JS-Implementierungsmethode zur Bestimmung von Kollisionen (interessantes Beispiel)

Über einfache Aufrufe zum Abrufen von JSON-Daten in JS (Code angehängt, einfach und grob)

Das obige ist der detaillierte Inhalt vonIch werde Ihnen im Detail erklären, wie Sie durch Code div, span und label in js erstellen.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn