JavaScript循环创建innerHTML (Google表单)
JavaScript loop to create innerHTML (Google Sheet)
我正在使用Google Sheet作为我的源抓取一些数据。我有三个类似的查询发生,但只有两个是返回结果,并在我的表单元格内工作。环顾四周后,我看到人们循环创建id=#以包含在他们的HTML中,但我不能完全弄清楚我的语法。
这是我目前正在使用的,(警告:Noobie Code Ahead)
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['gauge']});
google.setOnLoadCallback(queryValue);
function queryValue () {
var query = new google.visualization.Query('https://spreadsheets.google.com/spreadsheet/tq?range=B22:B37&key=0AhCv9Xu_eRnSdFNhSzNQUFd3b1ZfRHgtQURINFpzeGc&gid=7');
query.send(function (response) {
if (response.isError()) {
alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
return;
}
var data = response.getDataTable();
// fetch the data from range B22:B37 into the span "bx"
// These are date labels
document.getElementById('b22').innerHTML = data.getValue(0, 0);
document.getElementById('b23').innerHTML = data.getValue(1, 0);
document.getElementById('b24').innerHTML = data.getValue(2, 0);
document.getElementById('b25').innerHTML = data.getValue(3, 0);
document.getElementById('b26').innerHTML = data.getValue(4, 0);
document.getElementById('b27').innerHTML = data.getValue(5, 0);
document.getElementById('b28').innerHTML = data.getValue(6, 0);
document.getElementById('b29').innerHTML = data.getValue(7, 0);
document.getElementById('b30').innerHTML = data.getValue(8, 0);
document.getElementById('b31').innerHTML = data.getValue(9, 0);
document.getElementById('b32').innerHTML = data.getValue(10, 0);
document.getElementById('b33').innerHTML = data.getValue(11, 0);
document.getElementById('b34').innerHTML = data.getValue(12, 0);
document.getElementById('b35').innerHTML = data.getValue(13, 0);
document.getElementById('b36').innerHTML = data.getValue(14, 0);
document.getElementById('b37').innerHTML = data.getValue(15, 0);
});
}
google.setOnLoadCallback(queryValue1);
function queryValue1 () {
var query = new google.visualization.Query('https://spreadsheets.google.com/spreadsheet/tq?range=A22:A37&key=0AhCv9Xu_eRnSdFNhSzNQUFd3b1ZfRHgtQURINFpzeGc&gid=7');
query.send(function (response) {
if (response.isError()) {
alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
return;
}
var data1 = response.getDataTable();
// fetch the data from range A22:A37 into the span "bx"
// These are the labels on the top of the gauges and I want to turn the color of the gauge range. (i.e. <70:red, 71-89:yellow, 90-100:red)
document.getElementById('a22').innerHTML = data1.getValue(0, 0);
document.getElementById('a23').innerHTML = data1.getValue(1, 0);
document.getElementById('a24').innerHTML = data1.getValue(2, 0);
document.getElementById('a25').innerHTML = data1.getValue(3, 0);
document.getElementById('a26').innerHTML = data1.getValue(4, 0);
document.getElementById('a27').innerHTML = data1.getValue(5, 0);
document.getElementById('a28').innerHTML = data1.getValue(6, 0);
document.getElementById('a29').innerHTML = data1.getValue(7, 0);
document.getElementById('a30').innerHTML = data1.getValue(8, 0);
document.getElementById('a31').innerHTML = data1.getValue(9, 0);
document.getElementById('a32').innerHTML = data1.getValue(10, 0);
document.getElementById('a33').innerHTML = data1.getValue(11, 0);
document.getElementById('a34').innerHTML = data1.getValue(12, 0);
document.getElementById('a35').innerHTML = data1.getValue(13, 0);
document.getElementById('a36').innerHTML = data1.getValue(14, 0);
document.getElementById('a37').innerHTML = data1.getValue(15, 0);
});
}
要执行循环,您可以使用起始点和结束点,然后在代码中简单地使用每个递增的值。
因为你基本上是从0
循环到15
,所以开始将是0
,结束将是15
。你的ID
只是被22
偏移,"b"
之前,所以我们使用加法来偏移数字,并连接"b"
。
for (var i = 0; i <= 15; i++) {
document.getElementById('b' + (i + 22)).innerHTML = data.getValue(i, 0);
}
相关文章:
- 如何使用Google Analytics跟踪表单提交
- 使用AngularJs,尝试通过Google App Engine上的PHP使用HTML联系我们表单发送电子邮件
- 无法调用方法“”;getEditResponseUrl"当使用表单ID打开表单时,绑定到工作表的Google
- 如何使用Google Analytics Dimensions在多个表单页面上跟踪用户ID
- PHP表单,MailFoction和Google reCaptcha验证问题
- 如何通过电子邮件发送带有粗体文本的 Google 表单数据
- 您可以在Google Analytics中存储表单选择吗?
- 使用 Google 表单提交图片
- 通过AJAX向Google表单发送数据
- 使用Javascript'的范围特性从Google表单中拉
- Google表单脚本&HTML不能执行被调用的脚本
- Google表单自定义字段验证
- Javascript query . setquery()使用Google可视化API对Google表单给出'请
- Javascript代码添加captha到google表单
- 从Google表单填充HTML表单
- 使用google Script导出指定的电子邮件正文到google表单
- JavaScript循环创建innerHTML (Google表单)
- 根据 Google 表单提交中同一行中的另一个值更改单元格的值
- 如何将输入到 Google 表单中的数据通过电子邮件发送给我
- 类似 Google 表单的表单创建器与 Rails 4