<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>js学习</title>
<style>
#sq{
width:400px;
height:400px;
background:#C25B5D;}
#sq1{
width:400px;
height:400px;
background:blue;}
</style>
</head>
<body>
<div id="sq" onClick="ch();"></div>
</body>
<script>
function ch(){
var sq= document.getElementById('sq');
if(sq.id.indexOf('sq') > -1){
sq.id = "sq1";
}else{
sq.id = "sq";
}
}
</script>
</html>
js点击图片换颜色问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答 默认 最新
- Go 旅城通票 2017-07-12 01:04关注
有用记得采纳:)。。
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>js学习</title> <style> #sq { width: 400px; height: 400px; background: #C25B5D; } #sq1 { width: 400px; height: 400px; background: blue; } </style> </head> <body> <div id="sq" onclick="ch();"></div> </body> <script> function ch() { var sq = document.getElementById('sq') || document.getElementById('sq1');//这里要做兼容,要不你改过id第一个就获取不到对象了 sq.id = sq.id == 'sq' ? 'sq1' : 'sq'; } </script> </html>
解决 无用评论 打赏 举报
悬赏问题
- ¥30 这是哪个作者做的宝宝起名网站
- ¥60 版本过低apk如何修改可以兼容新的安卓系统
- ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
- ¥50 有数据,怎么建立模型求影响全要素生产率的因素
- ¥50 有数据,怎么用matlab求全要素生产率
- ¥15 TI的insta-spin例程
- ¥15 完成下列问题完成下列问题
- ¥15 C#算法问题, 不知道怎么处理这个数据的转换
- ¥15 YoloV5 第三方库的版本对照问题
- ¥15 请完成下列相关问题!