javascript - 在谷歌工作表侧边栏中的 div 中显示变量

Question

我在 googlesheets code.gs 中有一个函数；该函数将值分配给变量。

function assignVariable()
{
var name = "My Name"
}

我在 sidebar.html 中有一个 id="var" 的跨度

<span id="var"></span>

我想在 id="var" 的范围内显示变量 "name"。我尝试了 getElementById 并用 innerHtml 替换，它对我不起作用（下面的代码）。

<span id="var" style="vertical-align: middle">
<script>
document.getElementById("var").innerHTML = name;
</script>
</span>

有什么帮助吗？

score 0 · Accepted Answer

<body>

<span id="var"></span>

<script>
var name = "My Name"
document.getElementById("var").innerHTML = name;
</script>

</body>

或者

<script>
function myFunction(name) {
var name = "my name"
    return name;
}
document.getElementById("var").innerHTML = myFunction(name);
</script>

如果你的值是硬编码的，你应该试试这个.....

score -1 · Accepted Answer

不起作用。

原因？

因为变量name是本地的function。外界无法使用它。

function assignVariable()
{
    // local scope..
    var name = "My Name";
}

name; // undefined... :(

我不建议您创建一个全局变量，但我实际上不知道您为什么要打印它，所以使用该注释，您需要从函数返回结果或修改其范围。

有很多方法可以实现这一目标。其中之一是，

function assignVariable()
{
    var name = "My Name";
    return name;
}

HTML

<span id="var" style="vertical-align: middle"></span>
<script>
    document.getElementById("var").innerHTML = assignVariable();
</script>

2 回答 2