lovecoding
/
W250511


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637
							<!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>
    <div class="div1" id="box">hello world</div>
    
    <div class="div1">你好世界</div>
    <span>a</span>
    <span>b</span>
    <script>
        // 选择器
        // 当我们要控制页面当中某一个元素（标签）的时候，第一步先要获取到这个标签
        
        // id选择器
        // 返回的是一个单个元素
        var box = document.getElementById("box");
        console.log(box);

        // 类选择器
        // 获取到的是一个 HTMLCollection （html的集合） 类数组（类似于数组）并不是真实的数组
        // 因为类名允许出重复多次所有返回的是一个集合
        var div1 = document.getElementsByClassName("div1");
        console.log(div1);

        // 标签选择器
        // 获取到的是一个 HTMLCollection （html的集合） 类数组（类似于数组）并不是真实的数组
        // 因为标签名允许出重复多次所有返回的是一个集合
        var aSpan = document.getElementsByTagName("span");
        console.log(aSpan);
        console.log(aSpan[1]);
    </script>
</body>
</html>