lovecoding
/
W260426


			
				
					
						
						
							123456789101112131415161718192021222324252627282930
							<!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>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <div class="box">hello</div>
    <h1 id="title">world</h1>
    <script>
        // 获取元素
        // querySelector() 选择器 只能选择到第一个符合条件的元素 括号内可以使用与css选择器相同的语法
        var ul = document.querySelector("ul li");
        var box = document.querySelector(".box");
        var title = document.querySelector("#title");
        console.log(ul);

        // querySelectorAll() 选择器 可以选择到所有符合条件的元素 返回的是一个类数组对象
        var lis = document.querySelectorAll("li");
        console.log(lis);
    </script>
</body>
</html>