lovecoding
/
VIP30


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div id="div1"></div>
  <div class="div2">1</div>
  <div class="div2">2</div>
  <script>
    // var div1 = document.getElementById('div1')
    // var div2 = document.getElementsByClassName('div2')

    //querySelector 获取元素  但是只获取目标元素的第一个
    // var div1 = document.querySelector('#div1')
    // console.log(div1)
    // var div2 = document.querySelector('.div2')
    // console.log(div2)
    // var aDiv = document.querySelector('div')
    // console.log(aDiv)

    //querySelectorAll  查找所有满足条件的元素
    //NodeList  类数组  不是一个真正的数组  只具备数组当中的部分方法 
    var div2 = document.querySelectorAll('.div2')
    console.log(div2)
    var aDiv = document.querySelectorAll('div')
    console.log(aDiv)

    var a = []
    console.log(a)
  </script>
</body>

</html>