AppsScriptGadgetを含むGoogleサイトページがあります。appスクリプトのコードは次のとおりです。
Code.gs:
function doGet(e) {
return HtmlService.createHtmlOutputFromFile("changedom");
}
changedom.html:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
function changeDom() {
console.log('Testing container DOM change...');
var spanTitle = $('sites-page-title');
if(spanTitle) {
console.log($('sites-page-title').innerHTML);
spanTitle.innerHTML = spanTitle.innerHTML + ' (change)';
console.log(spanTitle.innerHTML);
}
}
changeDom();
</script>
</head>
<body></body>
</html>
ここで、「sites-page-title」は、Google Sitesページのタイトルであるため、Google AppScriptGadgetのDOMオブジェクトです。
また、Chromeで実行しているときのコンソールログは次のとおりです。
...
Testing container DOM change...
undefined
undefined (change)
...
また、idsites-page-titleを持つDOMオブジェクトは変更されません。