このようにdivを3つ作成するコードの例です
コード.gsfunction doGet(){
return HtmlService.createHtmlOutputFromFile('index');
}
| 意訳この処理は以下を実行する 指定したHTMLファイルを表示する |
index.html<!DOCTYPE html>
<html>
<body>
<div id="main_div">
</div>
<script>
document.addEventListener('DOMContentLoaded', create_elements);
function create_elements() {
for (var i = 0; i < 3; i++) {
var div = create_div(i);
}
}
function create_div(i) {
var main_div = document.getElementById('main_div');
var div = document.createElement('div');
div.setAttribute("id", "div" + i);
div.textContent = "div";
main_div.appendChild(div);
}
</script>
</body>
</html>
| 意訳divを入れるdivを用意する HTMLドキュメントの読み込みが完了したらcreate_elementsを実行する この機能がやること 以下の処理を3回繰り返す create_div()にiを渡して実行する この機能がやること idがmain_divの要素を取得する 新しくdiv要素を作成する idを設定する テキストを設定する main_divに追加する |
関連記事
ウェブアプリケーションとして導入する方法がわからない場合
↓この記事にまとめました
HTMLでページを作る
参考
HTML Service: Create and Serve HTML
https://developers.google.com/apps-script/guides/html/
