js选择器

• 1.id选择器 根据id获取页面上某一个dom对象 (页面元素)
  o object

var oBtn = document.getElementById("btn");//获得页面上某一个元素 ,称之为 dom对象

dir 查看一个对象的信息

console.dir(oBtn);

• 2.getElementsByClassName 根据指定的类名称获取页面上的元素,
  返回一个'数组'

var oBtns = document.getElementsByClassName("cls");//返回一个集合(数组)
 oBtns[0].onclick=function(){
alert(1111)
}
oBtns[1].onclick=function(){
alert(22222)
}

3. 根据标签名称获取页面上的元素(dom对象)

TagName 标签名称

 var oBtns = document.getElementsByTagName("button");
console.log(oBtns);

4. 元素上必须有个 name属性,它才能获取到 (了解)

document.getElementsByName

var oBtns = document.getElementsByName("myBtn");
console.log(oBtns);

5. 最新推出的

var oBtns = document.querySelectorAll(".cls")
console.log(oBtns);
var oBtn = document.querySelector(".cls")
console.log(oBtn);