建站之星网站建设下载版,app快速开发平台,营销型网站一般有哪些内容,中国风电商网站建设需求#xff1a;用户第一次点击某些元素#xff0c;改变元素的某些样式#xff0c;比如背景颜色#xff0c;字体颜色。用户第二次点击某些元素#xff0c;恢复之前的样式。.....思路#xff1a;准备一定量的div盒子#xff0c;并取相同的类名div classbox用户第一次点击某些元素改变元素的某些样式比如背景颜色字体颜色。用户第二次点击某些元素恢复之前的样式。.....思路准备一定量的div盒子并取相同的类名div classbox /divdiv classbox/divdiv classbox/divdiv classbox/divdiv classbox/divdiv classbox/divdiv classbox/div通过js获取所有元素并给定指令。使得点击任意一个盒子都可随意改变原有样式而不影响其他盒子判断如果当前点击的盒子背景被改变则再点击当前盒子背景恢复。效果代码实现!DOCTYPE htmlhtml head meta charsetutf-8 title/title /head style .box { width: 50px; height: 50px; background-color: aqua; margin: 5px; } /style body div classbox/div div classbox/div div classbox/div div classbox/div div classbox/div div classbox/div div classbox/div script let box document.querySelectorAll(.box); for (let i 0; i box.length; i) { box[i].onclick function() { if (box[i].style.background || box[i].style.background undefined) { box[i].style.background red } else { if (box[i].style.background red) { box[i].style.background aqua } else if (box[i].style.background aqua) { box[i].style.background red } } } } /script /body/html
