无法使用javascript设置背景图像
无法使用javascript设置背景图像
提问于 2018-07-01 23:51:27
我使用blogger api制作了一个元素，并在其中添加了一个背景图像，如以下代码所示：
.pimg{height:300px;width:300px}<div id='content'></div>
<script>
function handleResponse(response) {
const parser = new DOMParser();
console.log(response);
response.items.forEach(item => {
const html = parser.parseFromString(item.content, 'text/html');
const img = html.querySelector('img');
const url = img ? img.src : '';
const images =url;
const content =item.content;
var count = 200;
var result = content.slice(0, count) + (content.length > count ? "..." : "");
document.getElementById("content").innerHTML += `<div class="post-outer">
<h2 class="entry-title">
<a href="${item.url}" id="pt">${item.title}</a>
</h2>
<div class="pimg" style="background-image: url("${images}");">
</div>
<div class="post-inner">
${result}
<a href="${item.url}" id="pt">[Continue Reading]</a>
</div>
<div class="clear"></div>
</div>`;
})
}
</script>
<script src="https://www.googleapis.com/blogger/v3/blogs/6626813856655473541/posts?maxResults=4&callback=handleResponse&nextPageToken&key=AIzaSyD_BnKD6_7Fygmd6PZc5ReEDek842iMOzo"></script>
这是上面代码中的一行，我在其中添加了背景图像：<div class="pimg" style="background-image: url("${images}");">原始图像URL is：https://4.bp.blogspot.com/-7vVCeLa3OuM/WzjdK1ovHPI/AAAAAAAABwo/mfeTNYcQ294d5kSAPifOP3VQMyrUmWIBwCLcBGAs/s1600/summar-large-card.png
但是当我的内容加载背景图片时，设置为：<div class="pimg" style="background-image: url(" https:="" 4.bp.blogspot.com="" -7vvcela3oum="" wzjdk1ovhpi="" aaaaaaaabwo="" mfetnycq294d5ksapifop3vqmyrumwibwclcbgas="" s1600="" summar-large-card.png");"=""> </div>
回答 2
Stack Overflow用户
发布于 2018-07-01 23:57:48
尝试使用：
"background-image: url('${images}');"Stack Overflow用户
发布于 2018-07-02 00:41:54
为什么不使用CSS
<style>
.pimg{
background-image: url("paper.gif");
}
</style>
<div class="pimg"></div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51124799
复制相关文章
相似问题