首页 > 代码库 > querySelector选择器

querySelector选择器

querySelector选择器可以通过document和element来调用他们

用来代替getElementById

            var body=document.querySelector("body");//取到body            body.appendChild(document.createTextNode("ffff"));            var div=document.querySelector("#div1");//取到id为div1的第一个元素            var div=document.querySelector(".div1");//取到类为div1的第一个元素            var img=document.querySelector("img.button");//取到类为button的第一个图像元素

querySelectorAll和上面的一样,返回的不仅仅是一个元素,有点像nodelist

            var em=document.getElementById("div1").querySelectorAll("em");//取得div中所有的em元素            var div=document.querySelectorAll(".div")//取得所有的div元素            var strong=document.querySelectorAll("p strong");//取得p元素里面所有的strong元素

 

querySelector选择器