javascriptのDocument.createElementを使ってチェックボックスを追加したいのですが input type ="checkbox"を追加するにはどのようにすればいいでしょうか？ ```HTML //ここに追加 //追加したい項目 ``` ```javascript var hoge = document.getElementById('checkbox').children[0];//ここをもっとスマートな方法で指定できないのでしょうか？ let li = document.createElement('li'); li.name = "name" .... hoge.appendChild(li); ```

質問内容と質問内容のコードに書かれていることがなんか合ってない気がしますが、タイトルだけに応えるなら下記。 ```js let check = document.createElement('input'); check.setAttribute('type','checkbox'); check.setAttribute('name','name'); check.setAttribute('checked','checked'); ```

javascriptのcreateElementでcheckboxの追加

javascriptのDocument.createElementを使ってチェックボックスを追加したいのですが
input type ="checkbox"を追加するにはどのようにすればいいでしょうか？

HTML
1<div id="checkbox">
2 <ul>
3//ここに追加
4//追加したい項目<input type="checkbox" checked="checked" name="name">
5</ul>
6</div>

javascript
1var hoge = document.getElementById('checkbox').children[0];//ここをもっとスマートな方法で指定できないのでしょうか？
2let li =  document.createElement('li');
3li.name = "name"
4....
5hoge.appendChild(li);

この質問の投稿者はすでに退会しているため、質問者からの返信がない点にご留意ください。

行動規範の内容に同意します

回答1件

ベストアンサー

質問内容と質問内容のコードに書かれていることがなんか合ってない気がしますが、
タイトルだけに応えるなら下記。

js
1let check = document.createElement('input');
2check.setAttribute('type','checkbox');
3check.setAttribute('name','name');
4check.setAttribute('checked','checked');