|
|
@@ -0,0 +1,41 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <ul>
|
|
|
+ <li class="list" id="ha1">aaa</li>
|
|
|
+ <li class="list" id="ha1">aaa</li>
|
|
|
+ <li class="list" id="ha1">aaa</li>
|
|
|
+ <li class="list" id="ha1">aaa</li>
|
|
|
+ </ul>
|
|
|
+ <script>
|
|
|
+ // rest 剩余的 用在函数的参数里面
|
|
|
+ function fn1(a,b,...rest) {
|
|
|
+ console.log(a);
|
|
|
+ console.log(b);
|
|
|
+ console.log(...rest);
|
|
|
+ }
|
|
|
+ fn1(1,2,3,4,5,6,7,8);
|
|
|
+ function fn2() {
|
|
|
+ console.log([...arguments]); //arguments 实参
|
|
|
+ }
|
|
|
+ fn2(1,2,3,4,5);
|
|
|
+ // 数组 getElementsByTagName getElementsByClassName querySelectorAll
|
|
|
+ // 元素 getElementById querySelector
|
|
|
+ var lis = document.getElementsByTagName("li");
|
|
|
+ var ha = document.getElementById("ha");
|
|
|
+ var list = document.getElementsByClassName("list");
|
|
|
+ var list1 = document.querySelector("#ha1");
|
|
|
+ var list2 = document.querySelectorAll("#ha1");
|
|
|
+ console.log(list2);
|
|
|
+ console.log(list1);
|
|
|
+ console.log(list)
|
|
|
+ console.log(ha);
|
|
|
+ console.log(lis);
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
e