Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用从JSON数据提取的URL在HTML中设置backgroundImage_Javascript_Html_Css_Json - Fatal编程技术网

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}`
获取有关这些链接的更多信息:


非常感谢塔马斯!你能告诉我关于这个和类似的问题我需要读些什么吗?下一次如果我理解了为什么我需要+,那真的会对我有帮助。你可以用单引号或双引号来定义字符串,要在字符串中使用变量,你必须从字符串中“退出”并将变量添加到其中,这就是为什么需要
++
。很乐意帮忙,欢迎使用堆栈溢出。如果您认为答案解决了问题,请单击复选标记将其标记为“已接受”。这有助于将注意力集中在那些仍然没有答案的老年人身上。再次感谢,单击复选标记!