lovecoding
/
class


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041
							<!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>