lovecoding
/
W260426


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233
							<!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="box">hello world</div>
    <div id="box3">你好</div>

    <script>
        // 获取元素
        // 1：通过标签名获取元素 document.getElementsByTagName("标签名");
        // 注意：返回的是一个类数组对象，不能直接使用数组的方法 可以循环遍历获取到的元素对象
        var div1 = document.getElementsByTagName("div");
        // 可以通过索引来获取到具体的元素对象
        console.log(div1);
        console.log(div1[0]);

        // 2：通过类名获取元素 document.getElementsByClassName("类名");
        // 注意：返回的是一个类数组对象
        var box2 = document.getElementsByClassName("box");
        console.log(box2);
        console.log(box2[0]);

        // 3：通过id获取元素 document.getElementById("id"); 
        // 注意：返回的是一个元素对象
        var box3 = document.getElementById("box3");
        console.log(box3);
    </script>
</body>
</html>