<!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>
解决 无用评论 打赏 举报
悬赏问题
- ¥15 phython路径名过长报错 不知道什么问题
- ¥15 深度学习中模型转换该怎么实现
- ¥15 HLs设计手写数字识别程序编译通不过
- ¥15 Stata外部命令安装问题求帮助!
- ¥15 从键盘随机输入A-H中的一串字符串,用七段数码管方法进行绘制。提交代码及运行截图。
- ¥15 TYPCE母转母,插入认方向
- ¥15 如何用python向钉钉机器人发送可以放大的图片?
- ¥15 matlab(相关搜索:紧聚焦)
- ¥15 基于51单片机的厨房煤气泄露检测报警系统设计
- ¥15 Arduino无法同时连接多个hx711模块,如何解决?