DOM —【querySelector方法获取元素】

var OName=document.querySelector('.Name');  //class名获取方式
var OId=document.querySelector('#id');      //id名获取方式
var OType=document.querySelector('p');      //标签（元素）名获取方式
注意: 该方法只会获取,匹配项中的第一个元素,如果没有找到该元素则会返回null

<ul>
    <li>11111</li>
    <li>22222</li>
    <li>33333</li>
</ul>
<script>
    var oLi=document.querySelector('li'); //获取选中的li中的第一个元素；
    console.log(oLi);                     //输出第一个元素
    var oLis=document.querySelectorAll('li');  //获取选中li的所有元素；
    console.log(oLis);                     //输出被选中项的所有
    console.log(oLis[2]);                   //输出被选中项索引指向为2的元素
</script>