Q&A
すいませんでした。HTMLでデバッグモードの存在を知らず、確認してみるとコードを打ち間違えていたことが発覚しました。無事属性値を変更できました。
GASとHTMLの連携で悩んでいるものです。以下のようなコードを実行するHTMLのP要素が青くなると思うのですが（HTMLファイルを作って試してみましたがJ青くなりました）なぜか青くなりません。ほかにもいろいろな要素の属性値を変更したいのですが、方法がわかりません（getElementByIDでidから要素を取得し、「id.属性」の形で取り出せると思っているのですが違うのでしょうか？）HTMLだとデバッグもできないしどこで間違っているのかどなたか教えていただけると幸いです。
HTML
1UserForm.html 2<!DOCTYPE html> 3<html> 4 <head> 5 <base target="_top"> 6 <?!= HtmlService.createHtmlOutputFromFile('Code').getContent();?> 7 <?!= HtmlService.createHtmlOutputFromFile('css').getContent(); ?> 8 </head> 9 <body> 10 11 <p id="aaa">aaa</p> 12 <button onclick="changeBlue('aaa')"></button> 13 </body> 14</html> 15 16 17
javascript
1function doGet() {//Main.gs 2 var html =HtmlService.createTemplateFromFile('UserForm'); 3 return html.evaluate(); 4} 5
HTML
1Code.html 2<script> 3function changeBlue(id){ 4 var elm=document.getElementById(id); 5 elm.style.color="blue"; 6} 7</script>
回答2件
0
ベストアンサー
HTMLだとデバッグもできないし
いえ、今時のブラウザはかなりのデバッグ機能が整っています。F12キーを押してみて下さい。そして、<script>が正しく生成しているかなどを確認してみて下さい。
投稿2017/09/05 05:25
総合スコア145183
0
ご提示のコードを試しましたが（css.htmlはないのでその行は消した上で）、青く変化しましたよ。
おそらく、コードをいじったあとにバージョンを最新にしていないとかじゃないでしょうか？
公開→ウェブアプリケーションとして公開→プロジェクトバージョン→新規作成→更新ボタンクリック、となりますが。
その辺は大丈夫ですか？
投稿2017/09/06 01:24
総合スコア440
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/09/06 06:44