ホームページ  >  記事  >  ウェブフロントエンド  >  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でモデルデータモデルを構築する方法(コードが提供されており、シンプルで理解しやすい)

ネイティブJSで衝突を判定する方法(興味深い例)

JSでのJSONの取得について 単純なデータ呼び出し(コード添付、単純かつ粗雑)

以上がjsでdiv、span、labelを作成する方法をコードを通して詳しく解説します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。