通过方法获取节点

H5之前的技术         

            var div1=document.getElementById("box1")//如果没有就返回null

                通过ID获取元素 因为ID是唯一的所以 返回值是单一的         

            var arr=document.getElementsByClassName("box22")

                通过类名获取元素 类名不唯一 所以返回的是一个类数组

            var inps=document.getElementsByTagName("i")

                通过标签获取元素 标签有重复 所以返回的是一个类数组

            var arr=document.getElementsByName("food1")

                通过name属性获取元素 name属性可重复 所以返回的是一个类数组

H5的技术

           var el=document.querySelector(".box22")//符合选择器的第一个元素/null

           通过选择器来获取元素   单个元素

            var arr=document.querySelectorAll(".box2")//符合选择器的第所有元素/[]

            通过选择器来获取元素   类数组