Question

在css文件中定义img的src

主要因为我想通过js动态更改img的src地址。

Answer 1

你可以使用jq来改变，，

css：

<style>

.div{

background:url("test.jpg") no-repeat;

border:solid 1px red;

height:200px;

}

</style>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

<script language="javascript">

$(document).ready(function(){

$(".div").click(function(){          //写了点击测试效果

$(this).css({

"background" : "url('menu.jpg') no-repeat",

"borderColor" : "blue"

});

});

});

</script>

html：

<div class="div" onclick="changeBg(this)"></div>

测试：

初始

点击后

js：

--------------------------------------------------------------- 

function changeBg(obj){ 
    obj.style.backgroundImage="url(menu.jpg)";              //都是使用驼峰写法~~~
} 
--------------------------------------------------------------- 

追问

也谢谢你的jQuery~但我还是需要思考一个纯js的方法。

追答

js：
function changeBg(obj){
obj.style.backgroundImage="url(menu.jpg)"; //都是使用驼峰写法~~~
}
这个就是js的，，如果还要更全其他写法就是后面的backgrounImage改下比如定位backgroundPositionX等等~~，还不行，百度下吧~~~

追问

就是百度过了我才来问的。你的方法也只是改变的bg-img，我想更改的是一个纯纯的img标签的src，而不是某个div标签的bg，更改div标签的bg要设定div和其下bg-img的样式，我这里img标签前后都还跟着其他inline的标签的，这样改行高还得设置一遍样式。

追答

什么意思？？你把你的html代码贴上来下哈~~~看的我云里雾里的

追问

我意思是说，你这里操作的是一个div标签，但是我要操作的是一个img标签。不过我已经换了其他方法了，谢谢~

追答

我以为是修改背景图片，，囧~~~~

Answer 2

<img src="1.jpg" id="displayimg"/>

function prevfunc(){
$("#displayimg").attr("src","2.jpg");
}

追问

我想使用原生js来做，谢谢你的jQuery~