JS 使用选择器的方式获取元素

案例一：

HTML代码部分

<input type="button" value="显示效果" id="btn"/>

JS代码部分：

//点击按钮弹出对话框
//根据选择器的方式获取元素,ID选择器
 var btnObj= document.querySelector("#btn");
 btnObj.onclick=function () {
      alert("哈哈,我又变帅了");
  };

案例二：
HTML代码部分：

<p>这是一个p</p>
<p class="cls">这是一个p</p>
<span>这是一个span</span>
<span class="cls">这是一个span</span>

JS代码部分：

var objs=document.querySelectorAll(".cls");//类选择器
  for(var i=0;i<objs.length;i++){
    objs[i].style.backgroundColor="green";
  }