这篇文章主要介绍了Java脚本语言中的选择器，下面和小编一起了看看吧
在html5之前只有下面四种选择器。getElementById('id')id选择器；getElementsByName('name ')名称选择器；getElementsByTagName('tagname ')标记标签名选择器；getElementsByClassName(' .类名’).班级名选择器
示例代码：
！文档类型超文本标记语言
超文本标记语言
头
meta charset='utf-8 '
标题Java Script语言选择器/标题
风格。部门{
边框：2px纯红；
}
p{
颜色：红色；
}
/风格
/头
身体
pid选择器/p
div id='first'/div
个人名称选择器/p
div name='first'/div
div name='first'/div
ptag标签选择器/p
span/span
span/span
pcss中。班级选择器/p
div class='div'/div
div class='div'/div
/body
脚本
document.getElementById('first ').innerHTML='h4我是身份证明(识别)选择器效果/H4 '；
文档。getelementsbyname(' first ')[0].innerHTML='h4我是第一个名字选择器效果/H4 '；
文档。getelementsbyname(' first ')[1].innerHTML='h4我是第二个名字选择器效果/H4 '；
文档。getelementsbytagname(' span ')[0].innerHTML='h4我是第一个标签选择器效果/H4 '；
文档。getelementsbytagname(' span ')[1].innerHTML='h4我是第二个标签选择器效果/H4 '；
文档。getelementsbyclassname(' div ')[0].innerHTML='h4我是第一个。班级选择器效果/H4 '；
文档。getelementsbyclassname(' div ')[1].innerHTML='h4我是第二个。班级选择器效果/H4 '；
/脚本
/html
运行截图：
从结果可以看出各个返回值类型。getElementById('id')id选择器-节点单节点型（第一个id[具有唯一性】相同元素)。getElementsByName('name ')名称选择器-节点列表类数组型。getElementsByTagName('tagname ')标记标签名选择器-节点列表类数组型。getElementsByClassName(' .类名’).班级名选择器—节点列表类数组型
在html5产生后，就产生了另外两种选择器，用法与钢性铸铁选择器类同
查询选择器():根据选择器规则返回第一个符合要求的元素（节点)
querySelectorAll():根据选择器规则返回所有符合要求的元素（节点列表)
示例代码：
！文档类型超文本标记语言
超文本标记语言
头
meta charset='utf-8 '
标题Java Script语言选择器/标题
风格。部门{
边框：2px纯红；
}
p{
颜色：红色；
}
h3{
颜色：深蓝色；
}
/风格
/头
身体
h3querySelector()根据选择器规则返回第一个符合要求的元素/h3
p通过身份证明(识别)获取单节点/p
div id='秒/div
p通过。班级获取单节点/p
div class='div'/div
h3querySelectorall()根据选择器规则返回所有符合要求的元素/h3
分区/分区
/body
脚本
文档。查询选择器(#秒).innerHTML='h4我是通过身份证明(识别)选择效果/H4 '；
document.querySelector(' .div’).innerHTML='h4我是通过。班级选择效果/H4 '；
文档。查询选择器all(' div ')[2].innerHTML='h4我是通过标签选择第三个的效果/H4 '；
/脚本
/html
运行截图：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。