Auto commit

af1dd52b · 6438b2e76169762ee0d8f498 · 542623cf · af1dd52b
隐藏空白更改
内联并排

Showing with 29 addition and 0 deletion

script.js script.js +29 -0

未找到文件。
--- a/script.js
+++ b/script.js
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+	</head>
+	<body>
+		<button>按钮1</button>
+		<button>按钮2</button>
+		<button>按钮3</button>
+		<button>按钮4</button>
+		<button>按钮5</button>
+	</body>
+	<script>
+		//获取所有元素
+		var btns = document.getElementsByTagName('button');
+		// btns得到的是类数组对象，使用btns[i]访问数组里的每一个元素
+		for (var i = 0; i < btns.length; i++) {
+			btns[i].onclick = function() {
+				//(1) 先把所有的按钮背景颜色去掉
+				for (var i = 0; i < btns.length; i++) {
+					btns[i].style.backgroundColor ='';
+				}
+				//(2)然后设置当前的元素背景颜色
+				this.style.backgroundColor = 'pink';
+			}
+		}
+	</script>
+</html>