lovecoding
/
VIP32


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132
							<!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 id="list"  class="main">
        <li>333</li>
        <li>333</li>
        <li>333</li>
    </ul>
    <!-- 
        通过css选择器获取
            querySelector、getElementById 获取标签元素
            querySelectorAll、getElementsByClassName、getElementsByTagName 获取的是数组（类数组）
     -->
     <script>
        var ul = document.querySelector("ul");
        var ul1 = document.getElementById("list");
        console.log(ul);
        console.log(ul1);
        var lis = document.querySelectorAll("ul li");
        var lis2 = document.getElementsByClassName("main");
        var lis1 = document.getElementsByTagName("li");
        console.log(lis);
        console.log(lis2);
        console.log(lis1);
     </script>
</body>
</html>