querySelector选择器

Posted 2020-08-09 Kooing

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元素