获取元素的方式

 

这些元素都是在html当中的：也就是在文档当中都需要document出发找到元素

ES6：存在兼容性的问题

1、document.querySelector()

     参数是css选择器来的

     选中的是满足条件的第一个元素

2、document.querySelectorAll()

    选择的是满足条件的所有的元素，

    返回一个集合：多个元素组成的物体

上古时期的选择方式：

ES5以前的：兼容性好，也就是get系列：

3、document.getElementById() 通过id获取元素

      传入一个参数是一个id名，不需要添加#

4、document.getElementsByClassName()

     通过类名来获取元素

     传入参数是class名，返回一个是一个数组（集合）

5、document.getElementsByTagName()

     通过标签名获取元素

6、document.getElementsByName()

    通过name属性值来获取元素

    传入name属性值，返回一个集合（数组）

 

    //es6:获取元素的方式

   let ul = document.querySelector(".u li") //通过选择器来获取元素，获取满足条件的第一个元素

  console.log(ul)

  let lis = document.querySelectorAll(".u li") //选中类名为u下的所有li元素

  console.log(lis)

  //es5:获取元素的方法

  let li = document.getElementById("u")//通过id值来获取元素

  console.log(li)

  let li1 = document.getElementsByClassName("li1")//通过类名来获取元素

  console.log(li1)

  let li2 = document.getElementsByTagName("li")//通过标签名来获取元素

  console.log(li2)

  let li3 =document.getElementsByName("value")//通过name属性值来获取元素

  console.log(li3)