getElementsByClassName 语法
querySelector()语法 和 返回值 只是获取一个
querySelectorAll()语法 和 返回值 可以获取所有
<!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"></div> <div class="box"></div> <ul id="nav"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> <script> // 1. 根据类名获取元素 var box = document.getElementsByClassName('box'); console.log(box); // 2. 返回指定的第一个元素 // 要注意一下。前面要加标志 var first = document.querySelector('.box'); console.log(first); var firstli = document.querySelector('li'); console.log(firstli); // 3. 选中所有输出 var all = document.querySelectorAll('.box'); console.log(all); </script> </body> </html>
