<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
</head>
<body>
<img id="img" src="image/3097572.jpg">
<p id="js">这是 js</p>
<a href="" onclick="changeImgSrc();return false;">这是图片</a>
<script type="text/javascript">
function changeImgSrc() {
var func_img = doucment.getElementById("img");
func_img.setAttribute("src", "image/26709258.jpg");
}
</script>
<style type="text/css">
body {
color: black;
background-color: white;
}
#js p {
font-weight: blod;
}
</style>
</body>
</html>
以上是我写的代码,我想实现的目的是点击 a 标签,img 标签的 src 值就会改变,换成其他的图片,但是不成功。
1
manami 2019-12-03 22:42:00 +08:00 via Android
return false;是干什么用的?
|
2
manami 2019-12-03 22:43:58 +08:00 via Android
document 也写错了
|
3
getlost OP 我把 document 写错了
|
5
Xusually 2019-12-03 22:57:35 +08:00
typo--->document 写错了。
然后 a 的 href 留空,用 return false;来停止跳转,不是一个好的写法。虽然在你的场景里功能是达到了。 就算要写锚记,我情愿写###或者 javascript:; 如果要阻止默认行为,可以写 if( event.preventDefault ){ event.preventDefault(); } else { event.returnValue=false; } |