ホームページ > 記事 > ウェブフロントエンド > jsでdiv、span、labelを作成する方法をコードを通して詳しく解説します。
以下は、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でのJSONの取得について 単純なデータ呼び出し(コード添付、単純かつ粗雑)
以上がjsでdiv、span、labelを作成する方法をコードを通して詳しく解説します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。