文書の表示以前のリビジョンバックリンク文書の先頭へ この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。 ====== 動的なhtmlタグの生成 ====== p5.jsに限らすjsでは動的にhtmlタグを生成できます。例えばプログラムの配列サイズ・内容に応じてselect optionを生成するなどが可能です。p5jsの場合は、生成したタグの変数に対してparentメソッドが用意されています。例えば <WRAP group> index.html <WRAP half column> <code> <body> <h1>tag generation test</h1> <div id="place-holder"> ここに動的に生成されたタグ(checkbox)が入ります。 </div> </body> </code> </WRAP> <WRAP half column> sketch.js <code> function setup() { var mycheckbox = createCheckbox('label', false); mycheckbox.parent("place-holder"); noCanvas(); } </code> </WRAP> </WRAP> <html> <iframe src="https://editor.p5js.org/tetsuakibaba/sketches/TqxIReNCZ" width=100% height=500px> </iframe> </html> /home/users/2/lolipop.jp-4404d470cd64c603/web/ws/data/pages/p5js/tips/動的なhtmlタグ生成.txt 最終更新: 2021/03/09 02:35by baba