码迷,mamicode.com
首页 > 其他好文 > 详细

querySelector选择器

时间:2016-09-13 22:19:27      阅读:462      评论:0      收藏:0      [点我收藏+]

标签:

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选择器

标签:

原文地址:http://www.cnblogs.com/vhyc/p/5869769.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!