Heim > Web-Frontend > js-Tutorial > Hauptteil

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

亚连
Freigeben: 2018-05-18 11:13:21
Original
2601 Leute haben es durchsucht

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);
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage