Javascript HTML服务为图像分配URL

Javascript HTML服务为图像分配URL,javascript,html,google-apps-script,google-sheets,Javascript,Html,Google Apps Script,Google Sheets,我有4张图片,都有超链接。我正在尝试从谷歌电子表格中提取图像链接和超链接,以显示在web应用程序中 超链接很好,但是当我尝试为图像拉链接时,我得到了一个错误。我在网上搜索,所有的解决方案似乎都不适合我。如何从Google电子表格中提取链接并将其设置为图像的源 这是我收到的错误:无法将属性“src”设置为null 下面是我的一段代码: <div align="center"> <div class="contener_slideshow"> <div cl

我有4张图片,都有超链接。我正在尝试从谷歌电子表格中提取图像链接和超链接,以显示在web应用程序中

超链接很好,但是当我尝试为图像拉链接时,我得到了一个错误。我在网上搜索,所有的解决方案似乎都不适合我。如何从Google电子表格中提取链接并将其设置为图像的源

这是我收到的错误:无法将属性“src”设置为null

下面是我的一段代码:

<div align="center">
  <div class="contener_slideshow">
    <div class="contener_slide">
      <div class="slid_1"><a href="" target="blank" id="link1"><img id="oneS" src=""></a></div>
      <div class="slid_2"><a href="" target="blank" id="link2"><img id="twoS" src=""></a></div>
      <div class="slid_3"><a href="" target="blank" id="link3"><img id="threeS" src=""></a></div>
      <div class="slid_4"><a href="" target="blank" id="link4"><img id="fourS" src=""></a></div>
    </div>
  </div>
</div>


<script>
function onSuccess(data){

  var oneS = document.getElementById('link1');
  oneS.innerHTML = data[1][2];


try{  
  document.getElementById("oneS").src = data[1][1];

}catch(error){
  alert(error);
}
}

google.script.run.withSuccessHandler(onSuccess)
  .getData();
数据[1][2]中的innerHTML必须是错误的。使用console.log语句找出数据[1][2]的值:

删除id为link1的标记中的所有原始HTML,并将其替换为[1][2]返回的任何数据。因此,如果数据[1][2]为空,则不存在 我假设数据[1][2]只是链接,而不是HTML内部的链接。您为HTML分配的不仅仅是URL地址。您分配的内容需要:

<img id="oneS" src="the URL Here">
硬编码的结果如下所示:

oneS.innerHTML = <img id="oneS" src="the URL Here">;
如果从电子表格中得到的只是URL,则可以使用文本公式创建HTML

var htmlToInject = "<img id='oneS' src='" + data[1][1] + "'>";
document.getElementById("oneS").src = htmlToInject;
oneS.innerHTML = <img id="oneS" src="the URL Here">;
var htmlToInject = "<img id='oneS' src='" + data[1][1] + "'>";
document.getElementById("oneS").src = htmlToInject;