JavaScript中选择器的示例分析-重庆大橙子建站

新闻中心

这里有您想知道的互联网营销解决方案

JavaScript中选择器的示例分析

这篇文章给大家分享的是有关JavaScript中选择器的示例分析的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联建站是一家集网站建设,茂名企业网站建设,茂名品牌网站建设,网站定制,茂名网站建设报价,网络营销,网络优化,茂名网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

undefined

在html5之前只有下面四种选择器

.getElementById("id")id选择器;
.getElementsByName("name")name选择器;
.getElementsByTagName("tagname")tag标签名选择器；
.getElementsByClassName(".classname").class名选择器

示例代码：





JavaScript选择器



 id选择器

name选择器

tag标签选择器

css中.class选择器

运行截图：

JavaScript中选择器的示例分析

从结果可以看出各个返回值类型

.getElementById("id")id选择器-----node单节点型（第一个id【具有唯一性】相同元素）
.getElementsByName("name")name选择器----nodelist类数组型
.getElementsByTagName("tagname")tag标签名选择器----nodelist类数组型
.getElementsByClassName(".classname").class名选择器—nodelist类数组型

在html5产生后，就产生了另外两种选择器，用法与css选择器类同
querySelector（）：根据选择器规则返回第一个符合要求的元素（node）
querySelectorAll（）：根据选择器规则返回所有符合要求的元素（nodelist）

示例代码：





JavaScript选择器



	querySelector()根据选择器规则返回第一个符合要求的元素 
	通过id获取单节点

通过.class获取单节点

querySelectorall()根据选择器规则返回所有符合要求的元素

运行截图：

JavaScript中选择器的示例分析

感谢各位的阅读！关于“JavaScript中选择器的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

网站题目：JavaScript中选择器的示例分析
网页URL：http://cqwzjz.cn/article/ijjcdj.html

新闻中心

querySelector()根据选择器规则返回第一个符合要求的元素

querySelectorall()根据选择器规则返回所有符合要求的元素

其他资讯