<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
function one(s1){
document.getElementById("s1").src=s1
}
</script>
</head>
<body>
<div>
<input type="button" value="1" onClick="one('img/01.jpg')" >
<input type="button" value="2" onClick="one('img/02.jpg')">
<input type="button" value="3" onClick="one('img/03.jpg')">
<input type="button" value="4" onClick="one('img/04.jpg')">
<input type="button" value="5" onClick="one('img/05.jpg')"><br/>
<img src="img/01.jpg" id="s1" />
</div>
</body>
</html>
这段JS 方法是替换<img src="img/01.jpg" id="s1" /> 的src 属性。
每次点击按钮,都会执行one(s1)方法,并将ID为s1的图片的src 替换为按钮点击事件传过来的'img/01.jpg'的值
三克油
楼上说的对,Onclick 点击响应函数one(args),js中书写函数one(),有一个参数s1,document.getElementById(*)获取id为*的这个标签,“.”后面就是设置该标签属性的值,达到目的效果
0.0
楼主还需要加油啊,这属于很基础的东西了
刚学额