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