资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

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中选择器的示例分析
网址分享：http://cdkjz.cn/article/ijjcdj.html
返回首页 了解更多建站资讯

相关资讯

多年建站经验

多一份参考，总有益处

联系快上网，免费获得专属《策划方案》及报价

咨询相关问题或预约面谈，可以通过以下方式与我们联系

大客户专线   成都：13518219792   座机：028-86922220

在线咨询 提交需求
友情链接 交换友情链接
成都未宇聚彭州网站建设网站营销推广成都标牌标识牌制作公司犀浦封阳台发光字制作成都定制网站成都网站优化成都门窗定制自贡主机托管

成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图