首页 / JAVASCRIPT / 使用javascript设置图像源和背景图像

使用javascript设置图像源和背景图像

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用javascript设置图像源和背景图像，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含838字，纯文字阅读大概需要2分钟。

内容图文

我看了很多其他帖子,我想我正在使用建议的确切语法.但是,我没有让图像显示出来.我有一个jsfiddle.这是一个小问题吗？它也没有在我正在研究的网站上工作.

<div id="divtest">Hello</div>
<img id="imgtest" />
<img id="imgreal" src="http://www.premiumbeat.com/blog/wpcontent/uploads/2012/12/free.jpeg" />

var string = "url('http://www.premiumbeat.com/blog/wpcontent/uploads/2012/12/free.jpeg')";
alert(string)
document.getElementByID("divtest").style.backgroundImage = string;
document.getElementByID("imgtest").src = string;

解决方法:

两个小问题：

> getElementByID不是函数; getElementById是.
>对于图像源和背景图像,URL的格式不同.试试这个：

var string =’http://www.premiumbeat.com/blog/wp-content/uploads/2012/12/free.jpeg‘;
document.getElementById(“divtest”).style.backgroundImage =“url(‘”string“’)”;
document.getElementById(“imgtest”).src = string;

内容总结

以上是互联网集市为您收集整理的使用javascript设置图像源和背景图像全部内容，希望文章能够帮你解决使用javascript设置图像源和背景图像所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/761273.html

来源：【匿名】