js queryselector
js queryselector是什么呢?不知道的小伙伴来看看小编今天的分享吧!
1、js queryselector简介:
js中querySelector()方法是返回文档中匹配指定CSS选择器的一个元素。
注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果需要返回所有的元素,使用 querySelectorAll() 方法替代。
如:
var body = document.querySelector('body');var mydiv = document.querySelector('#mydiv');var myclass = document.querySelector('.selected');以上三个用来代替getElementById()和getElementByTagName().
其次如果要限定范围查找 则可以
var img = document.body.querySelector('img.button');相对于querySelectorAll(); 则是取得一个NodeList
2、语法
document.querySelector(CSS selectors)
拓展资料:
js选择器:querySelector和querySelectorAll
二者区别:
querySelector是单一选择器,得到的是唯一的一个元素;
querySelectorAll,得到的是一个数组,所有名为“*”的集合;
有点类似于jquery中id选择器和class选择一,id必须是唯一的,class是一组,querySelector用来选择唯一的id,querySelectorAll用来选择重复出现的元素或者class,当然理解是这样的,如果页面仅有一个唯一class,你用querySelector也可以!
用法:
let box = document.querySelector(".box");//单一元素生效box.onclick = function(){box.style.background= "red";}let boxs = document.querySelectorAll(".box");//等到的是“.box”的集合boxs[0].onclick = function(){boxs[0].style.background= "red";}-
linux grpunconv命令详解
linux系统下grpunconv命令是什么呢?下面是grpunconv命令的具体介绍:1、grpunconv命令简介:grpunconv命令用于关闭群组的投影密码,把密码从g...
科技查看全文>> -
雪佛兰科鲁兹转向灯没声音怎么办?
雪佛兰科鲁兹转向灯没声音是线路接触不良或是蜂鸣器故障造成的。转向灯是在机动车辆转向时开启以提示前后左右车辆及行人注意的重要指示灯。转向灯灯管采用氙气灯管,单片机控制电路,左右轮...
问答查看全文>> -
本田冠道中控台异响,冠道仪表板异响
本田冠道中控台响的原因:(1)塑料模具有偏差或安装有移位,颠簸造成相互摩擦挤压松动出的声音,找到响的位置确认摩擦点,垫上胶皮类的东西阻隔一下就好了,有很好的缓冲作用。(2)如果...
问答查看全文>>
推荐
- 1ITIL认证通过率高吗212
- 2科鲁兹油耗显示屏咋看143
- 3车辆保修期给换车胎的吗?184
- 4驾驶证a照可以直接学吗?121
- 5解密汽车贷款的三大陷阱?283
- 6毕业时最感人的话374
- 7早晨朋友圈问候语205
- 8注册滴滴不接单的后果是什么313