Javascript 使用从JSON数据提取的URL在HTML中设置backgroundImage
Javascript 使用从JSON数据提取的URL在HTML中设置backgroundImage,javascript,html,css,json,Javascript,Html,Css,Json,var-ourRequest=new-XMLHttpRequest(); 我们的请求。打开('GET','https://spreadsheets.google.com/feeds/cells/1PzTMW6xH5cjLgvLn_LOq25XEbmrCw2MP9C9vvt4rhoM/1/public/full?alt=json') ourRequest.onload=函数(){ var ourData=JSON.parse(ourRequest.responseText); var TEXT=o
var-ourRequest=new-XMLHttpRequest();
我们的请求。打开('GET','https://spreadsheets.google.com/feeds/cells/1PzTMW6xH5cjLgvLn_LOq25XEbmrCw2MP9C9vvt4rhoM/1/public/full?alt=json')
ourRequest.onload=函数(){
var ourData=JSON.parse(ourRequest.responseText);
var TEXT=ourData.feed.entry[2].gs$cell.inputValue;
var IMG=ourData.feed.entry[3].gs$cell.inputValue;
console.log(文本);
控制台日志(IMG);
document.getElementById('testoutput')。innerHTML=TEXT;
document.getElementById('backgroundIMG').style.backgroundImage=“url('IMG')”;
};
ourRequest.send()代码>
html,正文{
身高:100%;
保证金:0;
溢出:隐藏;/*隐藏滚动条*/
}
div{
文本对齐:左对齐;
最小高度:100%;
字体系列:motiva sans、sans serif;
字号:800;
字体大小:15vw;
填充:15px;
填充顶部:30px;
左:10%;
}
谷歌表单-沃肯德
它没有使用IMG变量,只是将IMG作为字符串,因此请尝试:
document.getElementById('backgroundIMG').style.backgroundImage = "url(" + IMG + ")";
将变量添加到字符串:
let s = "number: " + num;
let s = 'number: ' + num;
“传统”方式(加号是一个字符串):
ES6模板文本:
let s = `number: ${num}`
获取有关这些链接的更多信息:
非常感谢塔马斯!你能告诉我关于这个和类似的问题我需要读些什么吗?下一次如果我理解了为什么我需要+,那真的会对我有帮助。你可以用单引号或双引号来定义字符串,要在字符串中使用变量,你必须从字符串中“退出”并将变量添加到其中,这就是为什么需要++
。很乐意帮忙,欢迎使用堆栈溢出。如果您认为答案解决了问题,请单击复选标记将其标记为“已接受”。这有助于将注意力集中在那些仍然没有答案的老年人身上。再次感谢,单击复选标记!